javascript - 在DOM中，ID不能在“for”循环中使用，因为ID只能在一页中使用一次，我该如何解决？

我用

for(var i=0; i<hotelinresult.length; i++)

那么我的html是这样的：

<p id="hotelin-title" class="hotelin-title"><%= hotelinresult[i].title %></p>

我编写了一个函数setEllipsis（）以使每个<p>在<p>的末尾都有...，通过使用getElementById('hotelin-title')

但是...功能仅出现在第一个数据中，我想这是因为ID ID只能在一页中使用一次。如何使我的函数在循环中而不是使用getElementById('hotelin-title')？

最佳答案

您可以使用document.getElementsByClassName()返回可以迭代的HTML元素的集合。您需要在要对其应用代码的每个元素上设置一个类。

<div class=ellipsis>Some text</div>
<div class=ellipsis>Some more text</div>

<script>
var els = document.getElementsByClassName('ellipsis');
for (var i=0; i<els.length; i++) {
  someFunction(els[i]);
}

</script>