javascript - 如何使用javascript从html中获取数组？

Question

我有一个像这样的 HTML:

<div class='item'>
    <h1 id="Python">Python</h1>
</div>

<div class='item'>
    <h1 id="C++">C++</h1>
</div>

<div class='item'>
    <h1 id="PHP">PHP</h1>
</div>

如何使用 javascript 获取类似 [Python, C++, PHP] 的数组？

我尝试这样写:

var myList = document.getElementsByTagName('h1');
console.log(myList.length)

但是输出是0，这很奇怪。

Answer 1

您的代码日志3:http://jsfiddle.net/t0ho10hw/

要获取语言数组，您可以将 HTMLCollection 转换为实际的 Array，然后使用 .map 来获取语言:

var myList = document.getElementsByTagName('h1');
var languages = [].slice.call( myList ).map( function( item ){
    return item.innerHTML;
});

http://jsfiddle.net/t0ho10hw/1/

或者之前的“经典”方式Array.map:

var languages = [];
for( var i=0; i<myList.length; i++){
   languages.push( myList[i].innerHTML );
}

http://jsfiddle.net/t0ho10hw/2/