为了账号安全,请及时绑定邮箱和手机立即绑定

在 JavaScript 中面临问题

在 JavaScript 中面临问题

守着星空守着你 2023-05-25 18:21:05
我正在学习 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>



查看完整回答
反对 回复 2023-05-25
?
斯蒂芬大帝

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>


查看完整回答
反对 回复 2023-05-25
  • 2 回答
  • 0 关注
  • 97 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信