배경을 어떻게 클릭하여 파란색을 빨간색으로, 빨간색을 파란색으로 변경할 수 있나요? 내 코드에 무슨 문제가 있나요? 도와주세요, 감사합니다
<!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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
으르르르르
으르르르르
addinventlisner()를 사용하여 클릭 이벤트를 수신하고 빨간색으로 초기화하고 처음 클릭하여 파란색으로 변경한 다음 빨간색으로 클릭할 수 있습니다
클래스 준비{배경색: #f00} 클릭시 클래스명을 추가하고, 클릭시 해당 클래스명을 삭제합니다
입퇴사 이벤트를 이용할 수 있습니다
A는 두 번째 실행 시 정의되지 않습니다. 그냥 함수 외부에 var a = document.getElementById('test1'); 을 넣으세요
한 ID만 변경하면 안 됩니다. 매치가 성공하면 다른 ID가 표시됩니다