基于数据属性的附录

Question

我有一些这样的div：

<div id="thisisme" data-order="1">
<div id="thisisme" data-order="2">

我想通过data-order = 1向特定的div添加一些内容。Javascript代码：

var hello = document.getElementById('thisisme');
thisisme.textContent = "blabla"; 
hello.appendChild(thisisme);

这会将其添加到两个div中。但是我只想将内容添加到div数字1中。如何实现此目的？

Answer 1

id中的第一个应该在DOM中是唯一的，因此您需要解决该问题。

也许可以切换到使用class了。

然后使用css选择器语法。

const hello = document.querySelector('.thisisme[data-order="1"]');
hello.innerText = "blabla"; 

<div class="thisisme" data-order="1">1</div>
<div class="thisisme" data-order="2">2</div>