>  Q&A  >  본문

배경을 클릭하여 파란색을 빨간색으로, 빨간색을 파란색으로 변경하려면 어떻게 해야 합니까? 내 코드에 무슨 문제가 있나요? 도와주세요, 감사합니다


배경을 어떻게 클릭하여 파란색을 빨간색으로, 빨간색을 파란색으로 변경할 수 있나요? 내 코드에 무슨 문제가 있나요? 도와주세요, 감사합니다

QQ图片20171213171840.jpg


<!DOCTYPE html>

<html>

<head>

</head>

<style>

# 테스트1 {

너비:300px;

높이:300px;

배경:파란색;

}

#test2 {

너비:300px;

높이:300px;

배경:빨간색;

}

& lt; / 스타일>

<body>

<div id="test1" onclick="te()"></div>


</body>

<script>

함수 te(){

var a = document.getElementById('test1');

if(a.id == 'test1'){

a.id = 'test2';

}else

a .id = 'test1';

}

</script>

</html>



思如磐石思如磐石2502일 전1636

모든 응답(6)나는 대답할 것이다

  • ***huihui

    ***huihui2018-01-18 14:31:34

    으르르르르


    회신하다
    0
  • ***huihui

    ***huihui2018-01-18 14:30:34

    으르르르르


    회신하다
    0
  • ***huihui

    <!DOCTYPE html> <html> <머리> </머리> <스타일> #테스트1 { 너비:300px; 높이:300px; 배경색:파란색; } </스타일> <본문> <div id="test1"></div> </body> <스크립트> 함수 테스트1() { var a = document.getElementById('test1'); var finalStyle = a.currentStyle ? a.currentStyle : document.defaultView.getCompulatedStyle(a, null);/*currentStyle이 지원되는지 여부(예: 지원 여부)를 확인하는 데 사용 13. 다양한 방법으로 스타일을 연출하세요*/ if(finalStyle.BackgroundColor=="rgb(0, 0, 255)"){ a.style.BackgroundColor="빨간색"; } else if(최종스타일.배경색=="rgb(255, 0, 0)"){ a.style.BackgroundColor="파란색"; } } 함수 addEvent(obj,유형,핸들){ try{ // Chrome, FireFox, Opera, Safari, IE9.0 이상 obj.addEventListener(type,handle,false); }잡기(e){ try{ // IE8.0 이하 obj.attachEvent('on' + 유형, 핸들); }catch(e){ // 초기 브라우저 obj['on' + 유형] = 핸들; } } } window.onload = 함수(){ var 요소 = document.getElementById("test1"); addEvent(element,"click",test1); } </스크립트> </html>

    ***huihui · 2018-01-18 14:31:01
  • 有人@我

    有人@我2017-12-25 17:31:29

    1. addinventlisner()를 사용하여 클릭 이벤트를 수신하고 빨간색으로 초기화하고 처음 클릭하여 파란색으로 변경한 다음 빨간색으로 클릭할 수 있습니다

    2. 클래스 준비{배경색: #f00} 클릭시 클래스명을 추가하고, 클릭시 해당 클래스명을 삭제합니다

    3. 입퇴사 이벤트를 이용할 수 있습니다

    회신하다
    0
  • p~ang~胖

    p~ang~胖2017-12-25 11:15:13

    A는 두 번째 실행 시 정의되지 않습니다. 그냥 함수 외부에 var a = document.getElementById('test1'); 을 넣으세요

    회신하다
    0
  • dabour

    dabour2017-12-14 11:58:19

    한 ID만 변경하면 안 됩니다. 매치가 성공하면 다른 ID가 표시됩니다

    회신하다
    0
  • 취소회신하다