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

【问题标题】：append value to element with javascript (not jquery)使用javascript（不是jquery）将值附加到元素
【发布时间】：2013-08-05 00:14:36
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您的代码应该可以工作...您必须在

之后定义 JS

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

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

【讨论】：

【解决方案3】：

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

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

所以 javascript 在不存在的 html 上不起作用。

【讨论】：