![](/img/trans.png)
[英]Why am I getting “Cannot set property 'innerHTML' of null at ahint”
[英]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.