基于数据属性的 Appendchild

Question

我有几个这样的div：

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

我想向数据顺序 = 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>

Appendchild based on data-attribute