Javascript 重复DOM元素的平滑方法

Javascript 重复DOM元素的平滑方法,javascript,dom,Javascript,Dom,我感兴趣的是获得一个相同(尽管不同或克隆)DOM元素的数组,这样我就可以像这样使用它们: parentElement.append(...arrayOfRepeatingElements); 我想到的最好的办法是: [0,0,0].map(() => document.createElement('br')) 或对于较大的数字: new Array(100).fill(0).map(() => document.createElement('br')) 或稍短一点: [...'

我感兴趣的是获得一个相同(尽管不同或克隆)DOM元素的数组,这样我就可以像这样使用它们:

parentElement.append(...arrayOfRepeatingElements);
我想到的最好的办法是:

[0,0,0].map(() => document.createElement('br'))
或对于较大的数字:

new Array(100).fill(0).map(() => document.createElement('br'))
或稍短一点:

[...'0'.repeat(100)].map(() => document.createElement('br'))
有没有一种更干净、语义更清晰、更干练、更内敛的表达方式

var parentElement=document.getElementById('parentElement');
var elements=Array.from({length:100},=>document.createElement('br');
parentElement.append(…元素)
您可以使用

var parentElement=document.getElementById('parentElement');
var elements=Array.from({length:100},=>document.createElement('br');
parentElement.append(…元素)

可能是这个
数组。从({length:100},=>document.createElement('br'))

是deprecated@user7951676从什么时候开始…?

未被弃用。它在HTML5中得到官方支持。为什么会有人反对呢?它对很多开发人员都很有用。唯一可能出现的问题是CSS。@user7951676:我猜您可能正在查看旧的XHTML文档,这些文档试图用

弃用
。。。可能在这个
数组中没有提到弃用。从({length:100},=>document.createElement('br'))

是deprecated@user7951676从什么时候开始…?

未被弃用。它在HTML5中得到官方支持。为什么会有人反对呢?它对很多开发人员都很有用。唯一可能出现的问题是CSS。@user7951676:我猜您可能正在查看旧的XHTML文档,这些文档试图用

弃用
。。。我很高兴能留下来做这件事,但没有提到反对!直到现在,我才知道这种方法和它的功能。太棒了。是的,相当聪明——仍然希望有一个
.repeat()
方法,就像使用字符串一样,但很高兴在一个调用中就完成了它……很高兴我能坚持下去!直到现在,我才知道这种方法和它的功能。太棒了。是的,相当聪明——仍然希望有一个
.repeat()
方法,就像使用字符串一样,但很高兴在一个调用中就完成了。。。