gpt4 book ai didi

javascript - 如何使用javascript为多个标签设置唯一id

转载 作者:行者123 更新时间:2023-11-28 13:14:19 24 4
gpt4 key购买 nike

我有一个页面,其中有多个 <section>标签,我想要做的是为每个标签分配一个唯一的 id。

<body>
<button id="set" onclick="setIds()">SET</button>
<div id="d1">
<section>1</section>
<section>2</section>
<section>3</section>
<section>4</section>
<section>5</section>
<section>6</section>
<div id="demo"></div>
<script>
var sec = document.getElementsByTagName('section');

function setIds(){
for(var i = 0; i < sec.length; i++){
console.log(sec[i].id);
var secId = 0;
secId += 1;
sec[i].id = secId;
}}
</script>
</body>

我仍在学习 javascript,因此,我尝试使用此代码,它只是为所有部分添加相同的 id。任何帮助将不胜感激。

最佳答案

这是因为每次循环您都会将 secId 重置为 0。如果您在循环外部声明它并且仅递增每个循环,它将起作用:

var secId = 0;
for(var i = 0; i < sec.length; i++){
console.log(sec[i].id);

secId += 1;
sec[i].id = secId;
}

关于javascript - 如何使用javascript为多个标签设置唯一id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39882977/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com