html 将div的所有子项转换为数组

fykwrbwg  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(186)

我有一个div,我想把它的所有子元素都转换成一个数组,所以这个命令的预期输出应该是:

numbers = ['<div>Lorem ipsum<h1>Dolores</h1><h2>Test</h2>Lorem final<div>']

HTML语言

<div>
 Lorem ipsum
 <h1>Dolores</h1> 
 <h2>Test</h2>
 Lorem final
<div>

JS系统

convertToArray() {
    let numbers = Document.querySelector(':scope > div');
    // let numbers = Array.prototype.slice.call(nodes);
    // let numbers = Array.prototype.slice.call(nodes);  
    // console.log(Array.from(numbers));
    console.log(numbers);
}

记录的结果始终为空。
我尝试使用stackoverflow上的几个ES5和ES6答案,但是当应用于一个元素的所有子元素时,它们都不起作用。

iszxjhcz

iszxjhcz1#

一种方法如下所示,并在代码中提供了解释性注解:
第一个
参考文献:

相关问题