<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>