javascript - 使用javascript（不是jquery）将值附加到元素

Question

<script>
var cool = "cool";
var pass = document.getElementById('name');
pass.innerHTML = cool;
</script>
<small id="name"></small>

老实说，我只是没有正确搜索；这似乎很基本。我一直在使用 jquery，但实际上从未真正使用过很多 JS，所以我想知道如何仅使用 JS 将值附加到元素。

Answer 1

您的代码应该可以工作，但您需要在定义元素后添加它，否则document.getElementById('name')将返回 null，因为name元素尚不存在。

<small id="name"></small>
<script>
var cool = "cool";
var pass = document.getElementById('name');
pass.innerHTML = cool;
</script>

Answer 2

您的代码应该可以工作...您必须在之后定义 JS

<small id="name"></small>

如果没有，可能会出现在加载之前尝试搜索 DOM 元素的问题

Answer 3

基本上你在创建 html 之前执行 javascript

<small id="name"></small>

所以 javascript 不适用于不存在的 html 。