2014-12-11 8 views
0

버튼을 클릭하면 배경이 검은 색에서 회색으로 변경됩니다. 하지만 내 코드가 작동하지 않는 몇 가지 이유로, 나는 여러 가지 방법을 시도했지만 아무 것도 작동하지 않는 것 같아요, 내 코드는 제대로 보이지만 작동하지 않습니다. HTML과 자바는 분리되어 있어야합니다. 나는 어떤 도움을 주셔서 감사합니다! 감사합니다 :)버튼을 클릭하면 배경색이 변경됩니다.

여기 내 HTML

<html> 
    <body> <div id ="main"> <button type="Grey" id="Grey" onclick="colorControl(this)"> 
    Grey</button> </div> </body> </html> 

그리고 그녀는 내 JS

var isGrey = true; 
    function colorControl (el){ 
    if(isGrey){ 
    document.getElementById("main").style.color = ("#b8b8b8"); 
    isGrey= false; 
    el.innerHTML = "Black"; 
    return; 
    } 
    document.getElementById("main").style.color = ("#b8b8b8"); 
    isGrey = true; 

    el.innerHTML = "Grey"; 
    } 
+0

시도 elementbytagname ("몸") [0] .style.backround = 뭐든간에 –

+0

좀보세요 : http://stackoverflow.com/questions/1874560/how-to-use-javascript -to-change-div-backgroundcolor – Ascalonian

+0

또한 검은 색 = # 000000 – Ascalonian

답변

2

style.color 텍스트 색상을 변경합니다. 당신이 사용하고자하는 style.backgroundColor

관련 문제