我一直在尝试使用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>





编辑:在上面的代码上运行检查,您将看到所需的结果。

09-25 16:49
查看更多