如何使用 javascript 变量作为 html 的 div id？

Question

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

正如您在上面的代码中看到的那样，我想使用变量 x 作为 div 的 id，但它不起作用。 任何建议请...

Answer 1

您必须在 javascript 代码中设置元素的id 。 请参阅下面的代码片段，文本显示为红色，因为 javascript 将存储在变量x中的 id red附加到div 。

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

 #red { color: red; }

 <div>Some content</div>

Answer 2

这并非不可能。 如果你想动态地为元素添加 id，你应该等到文档被加载。 然后像这样运行脚本：

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

也许你应该告诉你你想做什么并找到另一种方式