JavaScript中面临的问题_Javascript

JavaScript中面临的问题

javascript

JavaScript中面临的问题,javascript,Javascript,我正在学习JavaScript。我在同一个文件夹中创建了一个文件，并将其与html链接。问题是当我编写警报（“Hello World”）时，它会在浏览器中显示消息，但当我尝试时 document.getElementById("p1").innerHtml = "Hello world" 它不会更改我的HTML元素的内容。HTML DOM属性是，而不是innerHtml： document.getElementById（“p1”）.innerHTML=

我正在学习JavaScript。我在同一个文件夹中创建了一个文件，并将其与html链接。问题是当我编写

警报（“Hello World”）

时，它会在浏览器中显示消息，但当我尝试时

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

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

HTML DOM属性是，而不是

innerHtml

：

document.getElementById（“p1”）.innerHTML=“Hello world”
现在，JavaScript代码是在浏览器加载之前执行的，因此无法工作
将HTML文件中的
移动到
上方。这样，DOM将在JavaScript代码之前加载
像这样：
<!DOCTYPE html>
<html lang="en">
<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>


文件
你好
您可能在控制台上有一个错误，只有您在等待读取它，您确实需要在浏览器中打开开发人员工具并读取错误消息。他还在头上集成脚本，当脚本执行时，仍然没有要处理的DOM