在JavaScript中,可以通过以下几种方式为每个创建的DIV元素设置不同的innerText:
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
divs[i].innerText = 'Text ' + (i + 1);
}
这段代码使用getElementsByTagName方法获取所有的DIV元素,然后通过循环遍历每个DIV,并使用innerText属性设置不同的文本内容。
var div1 = document.getElementById('div1');
div1.innerText = 'Text 1';
var div2 = document.getElementsByClassName('div2');
div2[0].innerText = 'Text 2';
这段代码通过getElementById方法选择具有特定ID的DIV元素,并使用innerText属性设置文本内容。同样,可以使用getElementsByClassName方法选择具有特定类名的DIV元素,并设置innerText属性。
var divs = document.querySelectorAll('div[data-text]');
for (var i = 0; i < divs.length; i++) {
divs[i].innerText = divs[i].getAttribute('data-text');
}
这段代码使用querySelectorAll方法选择具有自定义属性"data-text"的DIV元素,并通过getAttribute方法获取自定义属性的值,然后将其设置为innerText。
以上是几种常见的方法,根据具体需求选择适合的方式来为每个创建的DIV元素设置不同的innerText。
Elastic 实战工作坊
Elastic 实战工作坊
Elastic 实战工作坊
云+社区技术沙龙[第27期]
云原生正发声
数字化产业研学会第一期
云+社区技术沙龙[第9期]
领取专属 10元无门槛券
手把手带您无忧上云