在div中显示JavaScript变量失败

Question

我想在div col中显示我的JavaScript变量。我就是无法显示它。即使有检查员，它也没有价值。然而，如果我在每个div之外显示它，那么在页面的开头它就可以工作了。。

$(document).ready(function() {
var firma = "test d.o.o.";
document.getElementById("insert").innerHTML = firma;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<p><span style="z-index: 9999 !important;" id="insert"></span></p>
</div>

这是代码：http://jsfiddle.net/th5wydn1/10/

谢谢你的帮助。问候

Answer 1

如果您所做的只是复制和粘贴代码，那么您的本地页面就没有jQuery。

要么添加它，要么用原生Javascript替换一行jQuery代码：

document.addEventListener('DOMContentLoaded', function() {
var firma = "test d.o.o.";
document.getElementById("insert").innerHTML = firma;
});

Answer 2

您使用的是jquery语法。意味着您需要包含JQueryLib。例如，将此CDN脚本链接添加到您的结束正文标记上方。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

$(document).ready(function() {
var firma = "test d.o.o.";
document.getElementById("insert").innerHTML = firma;
});

<div>
<p><span style="z-index: 9999 !important;" id="insert"></span></p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<p><span style="z-index: 9999 !important;" id="insert"></span></p>
</div>

Answer 3

你好，改变了">插入"；单词，可能是这个关键字，或者繁忙

<span style="z-index: 9999 !important;" id="_insert"></span>

$().ready(function() {
const firma = "TEST";
document.getElementById("_insert").innerHTML = firma;
});

http://jsfiddle.net/vc75dmnx/