имеет значение видимость элемента dom для JavaScript

Question

Я знаю, id должен быть уникальным для текущей dom, но действительно ли это, даже если 2 элемента dom никогда не будут видны одновременно.

У меня есть такой сценарий:

<div class="visible-lg visible-md">
  <div id="test"></div>
</div>
.
.
.
<div class="visible-sm visible-xs">
 <div id="test"></div>
</div>

<script>
  .
  .
  .
   document.getElementById("test").innerHTML = "this text";
</script>

Независимо от размера устройства, обновляется только первый элемент. Как я могу обеспечить обновление нужного элемента?

Answer 1

Если вам удастся удалить Dom, который вы скрываете, и добавить его при необходимости (затем удалите более старый), и тогда у вас может быть один и тот же ID для обоих, потому что в одно время у вас будет только один элемент с этим Id.

Answer 2

Я знаю, что id должен быть уникальным для текущей dom, но действительно ли это, даже если 2 элемента dom никогда не будут видны одновременно.

Да. Видимость не имеет значения, id s должно быть уникальным. Это не JavaScript, это DOM [слой под HTML]:

Элемент может иметь связанный уникальный идентификатор (ID)

Обратите внимание на термин «уникальный».