我有一个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答案,但是当应用于一个元素的所有子元素时,它们都不起作用。
1条答案
按热度按时间iszxjhcz1#
一种方法如下所示,并在代码中提供了解释性注解:
第一个
参考文献:
Array.prototype.map()
。document.querySelectorAll()
中的一个。Element.outerHTML
。