2016-07-12 13 views
-2

私は私のリストの背景を変更したいが、それはJavascriptをドント変更背景

私のコード作業習慣:私はのいずれかをクリックすると

<ul> 
    <li><a class="left" href="#" onclick="change(1,this)>First</a></li> 
    <li><a class="left" href="#" onclick="change(2,this)>Second</a></li> 
    <li><a class="left" href="#" onclick="change(3,this)>Third</a></li>  
</ul> 

change(num, element){ 
var text 

if (num == 1){ ... } 
else if (num == 2) { ... } 
else { ... } 

document.getElementById('text').innerHTML = text; 

document.getElementByClass("left").style.backgroundColor = "black"; //<------ 
element.style.backgroundColor = "white";       //<------ 
} 

と私のHTMLを私のリスト要素、テキストは変わりますが、背景色は変わりません。

どうすれば修正できますか?

おかげで、

+1

ブラウザの開発者ツールを開きます。コンソールを見てください。エラーメッセージを読んでください。実際に存在する関数を呼び出してください!次に、2番目の問題の重複した質問を見てください。 – Quentin

+0

correct:document.getElementsByClassName()、(配列を返します) document.getElementByClassName()がありません。(sがありません) –

+0

@DineshPatra - getElementsByClassNameは配列を返さず、何らかの方法で配列のようなものを返します。 – Quentin

答えて

0

getElementByClassとしてはそのような機能はありません、唯一のgetElementsByClassNameがあります、ウィッヒは配列を返します。この配列から変更したいもの、またはIDを使用するものを選択する必要があります