Question

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

我用chrome检查元素打开了about页面，发现“菜单”文本实际显示但是在我在网站上的图像下面。然而，其他文字根本没有显示出来。我不知道为什么文本在一个页面上工作正常而在另一个页面上不能正常工作。任何帮助，将不胜感激。

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

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

main.js中的代码：

var element = document.querySelector("#greeting");
element.innerText = "Welcome to Prokéstrats!";

样式表中的

代码：

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

编辑：感谢大家对innerText的innerHTML intead的建议。它现在完美无缺。

Answer 1

您需要将 element.innerText 更改为：

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

那就是它。

文本不会出现在html页面上

1 个答案: