javascript - 查找此元素内的文本

Question

我想做一个相当简单的操作:你点击一个 li，你会得到里面的文本，使用 JavaScript(不是 JQuery)。我想不通(或发现)的是如何获取 innerHTML。

function enable() {
  document.addEventListener('click', e => {
    if (e.target.classList.contains('refine-menu-li')) {
      var selected = this.innerHTML;
      console.log('stuff'); // Working
      console.log(selected); // Not working
    } 
  });
}

问题是我正在使用 class 并因此需要 for 循环吗？还是 this 尝试和使用是一件愚蠢的事情？

谢谢!

Answer 1

你可以尝试这样的事情，而不使用箭头函数:

 document.getElementById("js-list")
         .addEventListener("click",function(e) {
            if(e.target && e.target.nodeName == "LI") {
              console.log(e.target.innerHTML);
            }
         });

<ul id="js-list">
   <li>value1</li>
   <li>value2</li>
   <li>value3</li>
</ul>