在 div 中显示 JavaScript 变量失败答案

【问题标题】：Displaying JavaScript variable inside div fails在 div 中显示 JavaScript 变量失败
【发布时间】：2022-01-22 17:31:53
【问题描述】：

我想在 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/

感谢您的帮助。问候

【问题讨论】：

我不知道你是怎么做到的，但你有（在你的小提琴中）这个：。您可以在小提琴页面上的网络检查器中查看它。那是你的问题。
我不知道我是否遗漏了什么哈哈，但是对不起，我不能。它必须位于图像和HTTPS://dummypage.com 之间的页面顶部。它不在这里。：imgur.com/a/ulWn1WZ
在 HTML 和 JS 中将 id 从 insert 更改为 foobar。
jsfiddle.net/20vbu8ad 我所做的只是将insert 更改为foobar 在 HTML 和 Javascript 中。
您是否在浏览器的开发工具中检查了控制台和网络选项卡中的错误？

标签： javascript html bootstrap-4

【解决方案1】：

如果您所做的只是复制并粘贴代码，则您的本地页面没有 jQuery。

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

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

【讨论】：

@devZ 一定要检查一下，这可能是你的问题。

【解决方案2】：

您正在使用 jquery 语法。意味着您需要包括 JQuery Lib。例如，将此 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>

【讨论】：

【解决方案3】：

你好改“插入”字，可能是这个关键字，或者忙

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


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

http://jsfiddle.net/vc75dmnx/

【讨论】：