为什么我的javascript对象不起作用

时间:2017-10-17 18:11:07

标签: javascript html object



var soldier = {
    allegiance : "Ford" ,
    armor: True,
    weapon: "sword" 
};

document.getElementById("soldier").innerHTML = " allegiance: " + soldier.allegiance + " <br/> " + " armor: + " soldier.armor + "Weapon(s): "+ soldier.weapon;
&#13;
<DOCTYPE HTML>

<html>
<head>
    <script src = "objscript.js" </script>
</head>

<body>
    <p id = "soldier"> </p>

</body>
</html>
&#13;
&#13;
&#13;

我知道这可能是最简单的事情,但我不知道它是什么。我试图创建一个只打印出对象中项目的对象。

1 个答案:

答案 0 :(得分:1)

您的脚本缺少结束>标记。

另外,它很可能在#soldier可见之前执行。因此它会抛出错误。 Here you can找到文档准备就绪后如何执行代码

此外,盔甲旁边的+应该在引号之外。

true也应全部为小写。

这是一个修复:

var soldier = {
  allegiance: "Ford",
  armor: true,
  weapon: "sword"
};

document.getElementById("soldier").innerHTML = " allegiance: " + soldier.allegiance + " <br/> " + " armor: " +
soldier.armor + "Weapon(s): " + soldier.weapon;
<DOCTYPE HTML>

  <html>

  <head>
  
    <script src = "objscript.js"> </script>
  </head>

  <body>
    <p id="soldier"> </p>

  </body>

  </html>