요소를 클릭하여 요소의 배경을 변경하십시오.

매우 간단한 스크립트를 작성하고 도움이 필요합니다. 다음은 스크립트에서 수행 할 작업입니다. 기본적으로 배경색이없는 div 요소가 있습니다. 이 div를 클릭하면 빨간색 배경색으로 채워야합니다. 그런 다음이 div를 다시 클릭하면 다시 배경이 없어야합니다. 아래요소를 클릭하여 요소의 배경을 변경하십시오.

CSS 코드 :

<head> 
<style type="text/css"> 

    #red,#green,#blue,#black{ 
     width:200px; 
     height:100px; 
     margin-bottom:25px; 
     border:solid red 1px; 
    } 

</style>

HTML 및 일부 JS 코드 : 자바 스크립트에 대한

<body> 

    <div id='red'></div> 


     <script type="text/javascript"> 
     <!-- 

      var x = document.getElementById('red'); 

       x.onclick = function(){ 

        x.style.backgroundColor = 'red'; 

     } 

     //--> 
     </script>

출처

2012-04-21 user976813

이는 빨간색과의 한 번의 클릭으로 작동합니다 다시 가져 오지 마십시오 :

var clicked = false, 
    x = document.getElementById('red'); 

x.onclick = function(){ 
    x.style.backgroundColor = clicked ? 'transparent' : 'red'; 
    clicked = true; 
};

출처

2012-04-21 08:02:06

요소를 클릭하여 요소의 배경을 변경하십시오.

답변

관련 문제