这是一个非常简单的程序，输出应该是JavaScript，但我只得到s.
<html>
<head>
<title></title>
<script type="text/javascript">
document.getElementById("ma").innerHTML="JavaScript";
</script>
</head>
<body>
<h1 id="ma">s</h1>
</body>
</html>
在您尝试设置值时，该元素不存在。您需要在<h1>添加到 DOM 后调用它。
您可以将此<script>标记进一步向下移动，或者将您的逻辑添加到应该在加载文档时调用的函数：
window.onload = function() {
/* Add your logic here */
}
演示：http: //jsfiddle.net/Lr2Hm/
您必须等到 DOM 加载完毕。
window.onload = function(){
document.getElementById("ma").innerHTML="JavaScript";
}
您有 2 个选择：
window.onload = function() {
//your script here
}
或者
<body>
<h1 id="ma">s</h1>
<script type='text/javascript'>
//your script here
</script>
</body>
提供的选项对我不起作用。
document.querySelector为我工作！
例如：
document.querySelector("#ma").innerHTML = "HELLO";
请注意，您使用 element.innerHTML="anything" 编写的任何内容都将替换您 element 的实际内容。如果要添加更多内容，则必须将所有内容存储到累积变量中，即元素的实际内容，以便保留它，然后在内容已满时将此变量解析为 innerHTML。
<script type=text/javascript">
var MyFullVar = element.innerHTML + "my new content I want to add";
element.innerHTML = MyFullVar;
</script>
您还可以defer在 DOM 初始化后将关键字与脚本一起使用来执行它
<script type=text/javascript" defer>/*Your script here*/</script>
你也可以这样做...
<script type=text/javascript">
window.onload = function () {
var element = document.getElementById('element').innerHTML;
var content = ".........";
element.innerHTML += content.toString();
}
</script>
根据w3schools和基本的 JavaScript 规则，这是可行的。我以前也试过这个。
这以 onload 函数为基础，在启动时自动运行代码。它还利用 JS 赋值运算符来快速有效地执行代码。
这个怎么样
function change(){
document.getElementById("content").innerHTML = "Javascript";
}<html>
<div>
<p id="content">TypeScript</p>
<button onclick="change()">Change</button>
</div>
</html>只需将script标签放在底部即可。
<!doctype html>
<html>
<head>
Head Content here...
</head>
<body>
Body Content...
<script>
script function here...
</script>
</body>
</html>