Question

我想通过函数调用它们来获取3个链接的列表一切顺利，直到（javascript）代码的最后一部分。当它执行该代码时，它表示“未定义”＆＃39; 3次..

为什么不只显示3个名字？

HTML

<h3>
<a id="126" class="6.3 linksh3 filmnaam" href="#">Name1</a></h3>
<h3>
<a id="100" class="7.4 linksh3 filmnaam" href="#">Name2</a></h3>
<h3>
<a id="101" class="6.4 linksh3 filmnaam" href="#">Name3</a></h3>

的Javascript

    for (v = 0; v < classname.length; v++) { //classname = ["6.3", "6.4", "7.4"]
        titels.push(document.getElementsByClassName(classname[v]).innerHTML);
        console.log(titels[v]);
    }

（没有jQuery）

提前谢谢

Answer 1

这将返回匹配元素的HTMLCollection。

document.getElementsByClassName(classname[v])

试试这个：

for (v = 0; v < classname.length; v++) { //classname = ["6.3", "6.4", "7.4"]
    titels.push(document.getElementsByClassName(classname[v])[0].innerHTML);
    console.log(titels[v]);
}

Answer 2

.getElementsByClassName()返回一个元素数组，而不是单个元素，因此您尝试在数组对象上调用.innerHTML，而不是HTMLElement。

titels.push(document.getElementsByClassName(classname[v])[0].innerHTML);

将访问该数组的第一个元素的.innerHTML。

http://jsfiddle.net/6ndpx6g7/

Answer 3

getElementsByClassName（）返回一个数组，你需要在getElementsByClassName（）之后添加[0]这样

getElementByClassName（）[0] .innerHTML

通过half classname获取元素（没有jQuery）

3 个答案: