Javascript 文本赢得'；不会出现在html页面上

我有两个网页；它们是index.html和about.html。它们位于同一文件夹中，两个站点的代码完全相同。问题是一些文本只显示在index.html页面上。没有显示的文本是我的导航栏的“菜单”一词，正文中的一些占位符文本，以及欢迎使用页眉。我使用样式表来修改CSS文本，但仍然在两个页面上使用完全相同的代码

我用chrome inspect元素打开了about页面，发现“菜单”文本确实出现了，但在我在网站上的一张图片下面。然而，另一个文本根本没有出现。我不知道为什么这篇文章在一页上写得很好，而在另一页上写得不好。任何帮助都将不胜感激

index.html页面中的欢迎代码和欢迎文本的关于页面：

</b><div id="greeting"></div>
<script src="main.js"></script>

样式表中的代码：

#greeting {
background-color: #FFCC00;
font-family: 'Open Sans', sans-serif;
font-size: 21px;
margin: 15px;
margin-left: 550px;
margin-right: 565px;
}

---

编辑：感谢大家对innerText的建议。它现在工作得很好。

您需要将元素更改为：

var element = document.querySelector("#greeting");
element.innerHTML = "Welcome to Prokéstrats!";  // Update this line with innerHTML

---

就是这样。

没有足够的信息提供答案是的，你需要提供某种演示，或者至少提供一个链接。尝试在CodePen或jsFiddle上重新创建页面。你能举个例子吗？

var element = document.querySelector("#greeting");
element.innerHTML = "Welcome to Prokéstrats!";  // Update this line with innerHTML