javascript - 设置一个 JS 变量并在 html 标签中使用它

Question

我已经设置了一个变量，我需要将这个变量拉入一个 html 元素，但我无法让它打印出值，这是代码：

<script>
    var randomnumber=Math.floor(Math.random()*11)
</script>

<div id="<script type="text/javascript">document.write(randomnumber)</script>"></div>

谢谢。

编辑：我只是以 div 为例，但我需要向 img 标签添加一个随机数，因为它用于跟踪标签，并且需要一个唯一标识符。有没有更好的方法来解决这个问题？

Answer 1

利用

<script>
document.write('<div id="'+randomnumber+'" ></div>');
</script>

您无法在属性内打开脚本标签

Answer 2

或者您可以使用以下方法创建它JS：

var randomnumber=Math.floor(Math.random()*11);
a = document.createElement('div');
a.setAttribute('id',randomnumber);
document.body.appendChild(a);

// if you know the exact class or ID where it is to be appended you can use

document.getElementsByClassName("myclass")[0].insertBefore(a, document.getElementsByClassName("beforeClass").firstChild);

这将创建一个div, 和idasrandomnumber并将其附加到body