如何对具有相同id的多个元素使用javascript？

我需要使用javascript操作某些具有一些id的元素。我不控制代码，因此很遗憾，我无法使用唯一ID重写代码。例如：

<div id="abc">
     <p class="xyz">10</p>
</div>

<div id="abc">
   <p class="xyz">20</p>
</div>

10
20

p标签内的内容保证是唯一的。因此，我需要根据p标记中的内容执行一些操作

---

但是，如果我使用DOM按id选择，将选择哪个div，我如何确保选择所需的元素？

显然，拥有唯一的id是最佳的，但是，在不可避免的情况下，您可以像这样使用它：

var abcs=document.queryselectoral（“#abc”）；
abcs[0]。查询选择器（“.xyz”）.style.background=“绿色”；
abcs[1]。查询选择器（“.xyz”）.style.background=“红色”

10
20
这取决于您选择元素的方式。默认情况下，它会抓取在遍历DOM时遇到的第一个“因此，我需要根据p标记内的内容执行一些操作”。您能否给出一些示例，说明该内容的独特性以及您实际查找的内容的具体特征？我假设你有唯一的ID，但你想说的是，在你的情况下，ID是无用的。