我正在学习 JavaScript。我在同一文件夹中创建一个文件并将其与 html 链接。问题是当我写的时候alert("Hello World")它在浏览器中显示消息但是当我尝试document.getElementById("p1").innerHtml = "Hello world"它不会更改我的 HTML 元素的内容。
2 回答
交互式爱情
TA贡献1712条经验 获得超3个赞
HTML DOM 属性是innerHTML
,不是innerHtml
:
document.getElementById("p1").innerHTML = "Hello world";
<div id="p1"></div>
斯蒂芬大帝
TA贡献1827条经验 获得超8个赞
现在 JavaScript 代码在您的浏览器加载DOM之前执行,因此它不会工作。
在您的 HTML 文件中移动<script src="main.js"></script>
上面的内容。这样 DOM 在JavaScript 代码之前</body>
加载。
像这样:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<H1 id="p1">hi</H1>
<script src="main.js"></script>
</body>
</html>
添加回答
举报
0/150
提交
取消