javascript - 能够获取元素长度但不能获取 innerHTML

Question

我正在使用一个函数，其中我有一些元素，点击这些元素我需要找到一些其他元素的 innerHTML。

我面临的问题是我能够找到该元素的长度，但是当我尝试获取显示未定义的同一元素的 innerHTML 时以相同的方式。

我的函数

var question = document.querySelectorAll('.questions li a');
var i;
for (i = 0; i < question.length; i++) {
  question[i].addEventListener('click', myFunction)
}

function myFunction() {
  var div = document.getElementsByClassName('need_help')
  alert(div.length);
  //alert(div.innerHTML);
}

这是我找到长度及其工作正常的示例:https://jsfiddle.net/uw0nsf4g/

这是我找到 innerHTML 并显示未定义的示例:https://jsfiddle.net/uw0nsf4g/1/

如果元素是可搜索的，请告诉我代码有什么问题，为什么它的 innerHTML 不行？

提前致谢!

Answer 1

返回的长度是包含元素的数组的长度；尝试以下操作:

var question = document.querySelectorAll('.questions li a');
var i;
for (i = 0; i < question.length; i++) {
    question[i].addEventListener('click', myFunction)
}

function myFunction() {
    var divs = document.getElementsByClassName('need_help');
    for(var j = 0; j < divs.length; j++) {
        alert(divs[j].innerHTML);
    }
}