代码之家 › 专栏 › 技术社区 › Brett Zamir

重复DOM元素的平滑方式

dom javascript

Brett Zamir · 技术社区 · 8 年前

我感兴趣的是获得一个相同(尽管不同或克隆)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'))

有没有一种更干净/更具语义但又枯燥易懂的表达方式?

1 回复 | 直到 8 年前

Hassan Imam Ravi kant 8 年前

array#from

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

<div id='parentElement'></div>

推荐文章

Robo Robok · 为什么我无法使用Dom\HTMLDocument搜索标签?

1 年前

Y-jiji · 调整大小时替换了假选择

1 年前

LLScheme · 无法使用Playwright&Pyppeteer找到关键字

1 年前

Konrad Viltersten · 无法修改ViewContainerRef的内部内容,只能在Angular中添加标签

1 年前

Eric G · 如何将svg文本元素垂直居中?

2 年前

Nail Val · 当条件通过时,If语句不显示console.log,并按意外情况继续工作

2 年前

Juan Lanus · 如何获取对所选内容的DOM元素的引用

2 年前

huz3y · addEventListener不适用于从javascript添加的新类所选的元素

2 年前

Toby Hogan · 元素React状态更改后未在DOM中更新

2 年前

user23745914 · 能够访问javascript中的dom元素,而无需显式定义查询选择器

2 年前