2017-08-30 97 views
0

我在JavaScript中遇到了getElementById的問題,控制檯只是說'不能讀取null的屬性'style',即元素爲null,即使它不爲null?getelementbyid不工作,返回null

HTML

<h1 id="title">Title</h1> 

的JavaScript

document.getElementById('title').style.color = 'red'; 
+0

無法重現。 – lilezek

+0

我想你在DOM加載之前試圖訪問。 – anu

+0

如何在dom獲取加載後執行代碼? – marina

回答

0

document.getElementById('title').style.color = 'red';
<h1 id="title">Title</h1>

看到它的工作..

+0

煩人的是,它不支持括號上的我,我使用鉻來運行代碼,它不工作。你有什麼其他的建議? – marina

+0

首先檢查該元素的長度。如果它是0或1,並保持在裏面的JS document.load – anu

0

document.getElementById('title').style.color = 'red';
<h1 id="title">Title</h1>

發生了什麼?這對我來說很好

+0

惱人的是它不支持括號上的我,我使用鉻來運行代碼,它不工作。你有什麼其他的建議? – marina

+0

在html中引用wll you .js? – Pablo

+0

打開控制檯F12 Windows''並看到錯誤? – Pablo

0

你是否在綁定dom前設置h1的顏色?試試這個:

<body onload="myFunction()"> 

function myFunction(){ 
    document.getElementById('title').style.color = 'red'; 
}