gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 19:31:41 24 4
gpt4 key购买 nike

我有一个像这样的 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,这很奇怪。

最佳答案

您的代码日志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/

关于javascript - 如何使用javascript从html中获取数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26652970/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com