如何在javascript中保存HTML内部列表中的多个文本对象

我有8个dataString对象。“dataString”是我从attachment1调用的对象，它是我从控制器转发的列表

这是我的HTML代码：

<% int nilai = 0; %>
<c:forEach items="${attachment1}" var="a">
     <div class="w3-image w3-padding">
          <div id="ini">${a.dataString}</div>
          <%=nilai = nilai + 1%>
</c:forEach>

但是，当我在网页上运行并显示时，我在inspect元素中看到了这个结果：

如图所示，java的结果可以完美地显示在网页上

但在控制台中，您可以看到，从8个字符串中，只有1个字符串在javascript列表中输入

---

怎么修理？因此，我可以将所有数据字符串放在javascript的列表中？

您必须按公共类更改重复的

id

（在我的示例中为

ini

），因为标识符在同一文档中应该是唯一的：

<% int nilai = 0; %>
<c:forEach items="${attachment1}" var="a">
     <div class="w3-image w3-padding">
          <div class="ini">${a.dataString}</div>
          <%=nilai = nilai + 1%>
</c:forEach>

---

注意：您应该在

c:forEach

循环中使用

关闭

w3映像

div

使用类而不是ID。ID应该是唯一的每一页。不客气，欢迎到StAccess和祝贺，你已经赢得了考虑使用它；

<% int nilai = 0; %>
<c:forEach items="${attachment1}" var="a">
     <div class="w3-image w3-padding">
          <div class="ini">${a.dataString}</div>
          <%=nilai = nilai + 1%>
</c:forEach>

var blob = [];

document.getElementsByClassName('ini').forEach( function(item) { ;
    blob.push(item.textContent);
}

var blobLength = blob.length;

console.log(blob);
console.log(blobLength);