JavaScript-遍历所有HTML元素并选择最后一个

时间:2019-03-29 22:14:57

标签: javascript loops

因此,我正在某个项目中进行动态创建多个元素的项目。其中之一是错误日志。整个项目有点像命令提示符...

如果我的脚本返回了两次(或更多次)错误,则需要查找最后一个错误日志,并稍稍更改其编号,以指示该错误已重复多少次... 我不知道从哪里开始……我在互联网上找不到的就是寻找的东西。

每个错误日志都是相同的,这就是为什么我无法通过id或类来定位它们的原因...

<!-- Element structure looks like this: -->
<body>
  <div class='log-container'>
    <!-- Error logs: -->
    <log-elem class='log error'></log-elem>
    <log-elem class='log error'></log-elem>
    <log-elem class='log error'></log-elem>
  </div>
</body>

我知道我需要一个forwhile循环才能遍历所有项目,但仅此而已...

请帮助...,谢谢。

1 个答案:

答案 0 :(得分:0)

这是找到最后log-elem并显示它的方式:

var elems = document.querySelectorAll('log-elem');
console.log(elems[elems.length-1]);
    <!-- Element structure looks like this: -->
    <body>
      <div class='log-container'>
        <!-- Error logs: -->
        <log-elem class='log error'></log-elem>
        <log-elem class='log error'></log-elem>
        <log-elem class='log error'></log-elem>
      </div>
    </body>