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

07-24 09:44
查看更多