2017-05-06 76 views
0

我JS的特性:document.getElementsByClassName('main').style.backgroundColor = '#101521';無法設置未定義的CSS DOM

我的HTML:

<html class= 'main'> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Widg-It</title> 
    </head> 
    <body> 
    <span id="close">X</span> 
    </body> 
</html> 

我試着讓我的網頁顏色 '#101521' 使用CSS DOM的背景

我運行的代碼,我得到的錯誤:「不能設置」backgroundColor「的屬性未定義」

我不知道這意味着什麼,以及如何使它工作。

回答

2

document.getElementsByClassName('main')返回一個列表。你想這是在指數0,因此需要指定使用[0],這是在列表中的第一個元素列表中的第一個[1]爲第二等

document.getElementsByClassName('main')[0].style.backgroundColor = '#101521'; 

也因爲很可能會只有一個HTML標籤或主。我會建議使用getElementsByTagName()getElementById()

的getElementsByTagName()

HTML: <html> ... </html>

JSdocument.getElementsByTagName('html')[0].style.backgroundColor = '#101521';

OR

周的getElementById()

HTML: <html id="main"> ... </html>

JSdocument.getElementdById('main').style.backgroundColor = '#101521';

它給你你想要的方式。所有3種方法都可以正常工作。希望這可以幫助。

相關問題