javascript - 如何使用事件对象通过 Javascript 更改 HTML 文本

Question

这个问题已经有答案了:

event.target.name is undefined (2 个回答)

已关闭 3 年前。

我无法理解为什么 e.target.name 显示未定义，即使 e.target 返回节点。我如何使用事件对象简单地更改文本？

function changeText(e) {
  console.log(e.target, e.target.name);
  
  switch (e.target.name) {
    case 'fooBar':
      e.target.innerHTML = 'bar';
      break;
  }
}

<div>
  <p name="fooBar" onclick="changeText(event)">foo</p>
</div>

Answer 1

function changeText(e) {
    console.log(e.target.getAttribute('name'));
    switch (e.target.getAttribute('name')) {
    case 'fooBar':
        e.target.innerHTML = 'bar';
        break;
    }
}

e.target是一个html节点，所以你必须使用DOM api来获取属性