Как я могу использовать переменную javascript в качестве идентификатора div html?

Question

<script>
Var x="....";
<\script>
<div id = x> 
Some content 
<\div>

Как вы можете видеть в приведенном выше коде, я хочу использовать переменную x в качестве идентификатора div, но она не работает. Любые предложения, плз ...

Answer 1

Это не невозможно. Если вы хотите добавить id к элементам динамически, вы должны подождать, пока документ будет загружен. Затем запустите скрипт, например:

var el = document.querySelector() // with some selector rule
// and set  attribute 'id'
el.id = 'myId';

Возможно, вы должны сказать, что вы хотите сделать, и найти другой способ

Answer 2

Вы должны установить id элемента в своем коде javascript. См. Фрагмент кода ниже, текст выглядит красным, потому что javascript присоединяет идентификатор red, сохраненный в вашей переменной x, к div.

var x = 'red';

document.getElementsByTagName('div')[0].id = x;

#red {
  color: red;
}

<div>Some content</div>