Appendchild基于数据属性

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>