javascript - 基于数据属性的Appendchild

Question

我有一些这样的 div:

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

我想向特定的 div 添加一些内容，数据顺序 = 1。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>