使用 JavaScript(不是 jQuery）将值附加到元素

append value to element with javascript (not jquery)

本文关键字：元素 JavaScript 不是 jQuery 使用      更新时间：2023-09-26
<script>
var cool = "cool";
var pass = document.getElementById('name');
pass.innerHTML = cool;
</script>
<small id="name"></small>

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

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

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

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

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

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

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

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

所以JavaScript在不存在的HTML上不起作用。

相关文章：