gpt4 book ai didi

javascript - 无法在用户上下文中读取 null 的属性 'innerHTML'。

转载 作者:行者123 更新时间:2023-11-27 22:57:23 26 4
gpt4 key购买 nike

<html>
<head></head>
<body>
<button type="submit" onclick="callMe()">show</button>
<div id="name"></div>
<div id="age"></div>
<div id="reservedStatus"></div>
<script src="index.js" type="text/javascript"></script>
</body>
</html>

javascript文件如下:

function callMe() {
var Passenger ;{name='Arun',age=28,reservedStatus=true}
document.getElementById('name').innerHTML="Name:"+name;
document.getElementById('age').innerHTML="Age:"+age;
document.getElementById('reservedStatus').innerHTML="Reservation Status:"+reservedStatus;
}

错误是无法在用户上下文中读取 null 的属性“innerHTML”。甚至我的脚本文件都在 div 标签之后。

最佳答案

您的对象格式有误。键值是使用 : 而不是 = 设置的。要访问属性,您必须使用对象名称和 后跟属性名称。引用this

function callMe() {
var Passenger = {
name: 'Arun',
age: 28,
reservedStatus: true
};
document.getElementById('name').innerHTML = "Name:" + Passenger.name;
document.getElementById('age').innerHTML = "Age:" + Passenger.age;
document.getElementById('reservedStatus').innerHTML = "Reservation Status:" + Passenger.reservedStatus;
}
<html>

<head></head>

<body>
<button type="submit" onclick="callMe()">show</button>
<div id="name"></div>
<div id="age"></div>
<div id="reservedStatus"></div>
<script src="index.js" type="text/javascript"></script>
</body>

</html>

关于javascript - 无法在用户上下文中读取 null 的属性 'innerHTML'。<annoynomous>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54820466/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com