代码之家 › 专栏 › 技术社区 › ishandutta2007

this.parentnode不在dom中工作[duplicate]

javascript

-5

ishandutta2007 · 技术社区 · 8 年前

这个问题已经有了答案:

Arrow Functions and This [duplicate] 5个答案

getSelection = () => {
  console.log("this", this); //valid but empty json
  console.log("this.parentNode", this.parentNode); //<=undefined
}
document.querySelector('i.edit').addEventListener('click', getSelection, false);

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="control-group">
  <label for="name" class="control-label">
          <p class="text-info">Alex<i class="icon-star"></i> </p>
        </label>
  <input type="text" class="edit-input" />
  <i class="fa fa-pencil edit" aria-hidden="true"></i>
</div>

1 回复 | 直到 8 年前

Asons Oliver Joseph Ash 8 年前

当您使用箭头函数时, this 不是指对象。

使用 event.target 财产

    <div class="control-group">
      <label for="name" class="control-label">
              <p class="text-info">Alex<i class="icon-star"></i> </p>
            </label>
      <input type="text" class="edit-input" />
      <i class="fa fa-pencil edit" aria-hidden="true">edit</i>
    </div>

    <script>
      getSelection = (e) => {
        //console.log("this", this); //valid but empty json
        console.log("e.target.parentNode", e.target.parentNode); //<=undefined
      }
      document.querySelector('i.edit').addEventListener('click', getSelection, false);
    </script>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前