Дополнение на основе атрибута данных

Question

У меня есть несколько делений, подобных этому:

<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>