首先,我是一个新手。我一直在尝试创建一个 JS 文件来包含我在 HTML 文件中使用的所有文本变量(以及其他函数)。我的 JS 文件与我的 HTML 文件位于同一目录中 (C:/websites/first)。我的 CSS 文件已链接并正常工作,这让我困惑为什么它不起作用。
我已经尝试使用这些帖子和其他一些帖子的答案,但没有成功:
Set content of HTML <span> with Javascript
How do I change the text of a span element in JavaScript
How to pass Variable from External JavaScript to HTML Form
我在这里要做的是将我的
设置为包含我的全名 var。一旦我得到这个,我其余的问题也应该得到解决。这是我的 JS 片段:
var fullname = "example";
document.getElementById('fullname').innerHTML = fullname;
和我的 HTML 片段:
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<p id="fullname"></p>
</body>
</html>
我找不到我做错了什么。我一直在努力,因为它很简单,但我还没有找到解决方案。
最佳答案
将脚本放在DOM中的元素之后,否则当你试图获取它们时元素不存在
<html>
<head>
</head>
<body>
<p id="fullname"></p>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
另一个(不太好)选项正在等待加载
window.onload = function() {
var fullname = "example";
document.getElementById('fullname').innerHTML = fullname;
}
或在现代浏览器中
document.addEventListener("DOMContentLoaded", function(event) {
var fullname = "example";
document.getElementById('fullname').innerHTML = fullname;
});
关于javascript - JS 不支持 HTML(基本),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23019495/