我一直在尝试使用javascript来编号我的div(1、2、3 ...)。
HTML:
<div id="anId(this)" class="nextClass"></div>
Javascript:
function anId(elementthis) {
var newId = 0;
elementthis.setAttribute("id", newId++);
}
我如何才能使其真正起作用?
最佳答案
您可以将它们包装在父div中,然后使用js脚本运行树并为div编号。
代码看起来像这样:
var app = function() {
var wrapper = document.getElementById('wrapper').childNodes;
var id = 0
for (var i = 0; i < wrapper.length; i++) {
if (wrapper[i].nodeName === "DIV") {
wrapper[i].id = id;
id += 1;
}
}
}();
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="wrapper">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
编辑:在上面的代码上运行检查,您将看到所需的结果。