在HTML中包含JavaScript变量时遇到问题

我有一个包含以下代码的文件：

var famname = guterriez;

还有另一个HTML文件family.HTML，我在其中包含了文件在头部的位置。我需要在一个p元素中显示变量，也可能在我的站点上的其他位置显示

---

我希望您能提供一些帮助/提示，我已经做了一些研究，但似乎没有任何效果。

下面是一个如何将JS文件集成到HTML中的示例，以及其中定义的引用变量：

config.js page.html

我假设guterriez是一个您希望分配给变量famname的字符串。在这种情况下，它需要用引号括起来，以表示它是一个字符串，而不是一个可能不存在的名为guterriez的变量

试试这个：

var famname = "guterriez";

然后，您希望使用innerText将该值分配给HTML文件中的p元素。尝试使用访问节点，然后分配innerText：

var famname=guterriez； document.getElementsByTagNamep[0].innerText=famname；

---

如果guterriez不是另一个变量，而是一个字符串，则必须将其置于引号中。就像上面提到的。 如果您希望在页面上的不同位置显示代码，类似的方法可能适合您：

也就是说，如果您有一个或一个要显示它的位置：

<div id="MyDiv"></div>
<table id="MyTable"><tr><td id="MyCell"></td></tr>

以下JS代码将通过使用ID调用上述元素来显示这些元素中的代码：

<script>
    document.getElementById("MyDiv").innerHTML =  famname;
    document.getElementById("MyCell").innerHTML =  famname;
</script>

---

请显示您的实际代码和所需的HTML以及您尝试过的内容。document.createElement创建DOM节点，parent.appendChildnode将它们插入页面。需要引用guterriez。var famname=guterriez；谢谢你@sanusart这对我有帮助problem@jfriend00我现在可以通过使用.innerhtml来实现它

document.getElementsByTagName("p")[0].innerText = famname;

<div id="MyDiv"></div>
<table id="MyTable"><tr><td id="MyCell"></td></tr>

<script>
    document.getElementById("MyDiv").innerHTML =  famname;
    document.getElementById("MyCell").innerHTML =  famname;
</script>