在 JavaScript 中面临问题

我正在学习 JavaScript。我在同一文件夹中创建一个文件并将其与 html 链接。问题是当我写的时候alert("Hello World")它在浏览器中显示消息但是当我尝试

document.getElementById("p1").innerHtml = "Hello world"

它不会更改我的 HTML 元素的内容。


守着星空守着你
浏览 98回答 2
2回答

交互式爱情

HTML DOM 属性是innerHTML,不是innerHtml:document.getElementById("p1").innerHTML = "Hello world";<div id="p1"></div>

斯蒂芬大帝

现在 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>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript