Javascript 无法设置属性'；innerHTML'；为什么我会出现这个错误 JS-Bin 嘿个人变量={ 姓名：“约翰”，年龄:50 }; var result=person.name； document.getElementById（'demo'）.innerHTML=result；_Javascript_Html_Javascript Objects_Innerhtml_Dom Events

Javascript 无法设置属性'；innerHTML'；为什么我会出现这个错误 JS-Bin 嘿个人变量={ 姓名：“约翰”，年龄:50 }; var result=person.name； document.getElementById（'demo'）.innerHTML=result；

javascript html

Javascript 无法设置属性'；innerHTML'；为什么我会出现这个错误 JS-Bin 嘿个人变量={ 姓名：“约翰”，年龄:50 }; var result=person.name； document.getElementById（'demo'）.innerHTML=result；,javascript,html,javascript-objects,innerhtml,dom-events,Javascript,Html,Javascript Objects,Innerhtml,Dom Events,我想在div中显示person对象属性值，但它是无法将innerHTML设置为null。请给我一些答案。将您的类更改为id，因为您正在使用getElementById Getdocumentbyid将基于ID进行搜索如果您想按类使用，请按如下方式使用 var y=document.getElementsByClassName（'demo'）； y[0]。innerHTML=结果将class=“demo”更改为id=“demo” 或您的代码： <!DOCTYPE html>

我想在div中显示person对象属性值，但它是无法将innerHTML设置为null。

请给我一些答案。

将您的类更改为id，因为您正在使用getElementById

Getdocumentbyid将基于ID进行搜索

如果您想按类使用，请按如下方式使用

var y=document.getElementsByClassName（'demo'）； y[0]。innerHTML=结果

将

class=“demo”

更改为

id=“demo”

或您的代码：

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body>
  <div class="demo">heoo</div>
  <script>
    var person = {
      name: "john",
      age: 50
    };
    var result = person.name;
    document.getElementById('demo').innerHTML = result;
  </script>
</body>
</html>

document.getElementById（'demo'）

正在尝试使用

id=“demo”

从Html文档中获取元素。它在Html中找不到任何元素，因为它没有任何带有

id=“demo”

的元素

您可以通过将

div

class

更改为

id

（即

而不是

），或者通过更改从javascript获取元素的方式来解决问题：

文档。getElementByClassName（'demo'）[0]

而不是

文档。getElementById（'demo'））

上课不是IDD谢谢你们的回答我真的为你们感到骄傲谢谢

document.getElementsByClassName('demo')[0].innerHTML= result;