簡體   English   中英

無法將屬性“ innerHTML”設置為null,為什么會出現此錯誤

[英]Cannot set property 'innerHTML' of null why am I getting this error

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

我想將person對象的屬性值顯示到div中,但顯示無法將innerHTML設置為null。 請給我一些答案。

class="demo"更改為id="demo"

或您的代碼以:

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

將類更改為id,因為您正在使用getElementById,因此

Getdocumentbyid將根據ID搜索

如果您想按班使用,則使用如下所示

var y = document.getElementsByClassName('demo'); y [0] .innerHTML =結果;

document.getElementById('demo')試圖從您的HTML文檔中獲取一個id="demo"的元素。 它在您的HTML中找不到任何元素,因為它沒有任何id="demo"元素。

您可以通過將div class更改為id (.ie <div id="demo">而不是<div class="demo"> )來解決問題,也可以通過更改從javascript: document.getElementByClassName('demo')[0]獲取該元素的方式來解決問題document.getElementByClassName('demo')[0]而不是document.getElementById('demo')

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM