使用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上運行。