2017-05-06 12 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> 

イム私のWebページの色 '#101521' CSSのDOMを使用しての背景をしようとして

私はコードを実行し、エラーが発生します: "未定義の 'backgroundColor'のプロパティを設定できません。

私はこれが何を意味し、どのように動作させるか分かりません。

答えて

2

document.getElementsByClassName('main')リストを返します。おそらくあるだろうので、あなたは、インデックス0にあるリストの最初のものをしたいので、[0]、リストの最初の要素であるを使用して、[1]も

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

秒などであることを指定する必要があります1つのHTMLタグまたはメインのみ。私はgetElementsByTagName()またはgetElementById()を使用することをお勧めします。

getElementsByTagNameの()

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

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

OR

のgetElementByIdを()

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

JS:あなたが望む方法あなた次第document.getElementdById('main').style.backgroundColor = '#101521';

その。 3つの方法はすべて正常に動作します。お役に立てれば。