怎么用js给div内嵌套的多个span添加id？

JavaScript09

怎么用js给div内嵌套的多个span添加id？,第1张

首先定位到 id= div1的那个盒子，把范围限定在其中，因为span标签在其中；

获取元素方法:

方法①：let div1_spans = document.querySelectorAll("div#div1 span")

方法②：let div1_spans = document.querySelector("div#div1").getElementsByTagName("span")

接着再声明一个变量span_len来保存span标签的个数（就是长度），以便在使用for循环时不用每循环一次都要检测span标签的个数，否则会造成繁琐的性能消耗；

let span_len = div1.spans.length

再使用for循环，

for(let i = 0i <span_leni++) {

div1_spans[i].setAttribute(" 'id',span"+( i + 1 ))

//或者 div1_spans[i].id = "span" + (i + 1)

}

把

document.getElementById('one').innerHTML='one'

改成

window.onload=function()

{

document.getElementById('one').innerHTML='one'

}

因为执行到那句js的时候,还没有生成id是"one"的那个div.

getElementById获得的不到,返回null

也可以把你的那段js放到最后,比如放到</html>后面,这样,div在js执行之前就创建了

就可以访问到了,不过放到window.onload=function(){}中更正规一下