請(qǐng)問怎么點(diǎn)擊背景，藍(lán)色變紅色，紅色變藍(lán)色呢？我代碼哪里出錯(cuò)了嗎？求助，謝謝
問題描述
請(qǐng)問怎么點(diǎn)擊背景，藍(lán)色變紅色，紅色變藍(lán)色呢？我代碼哪里出錯(cuò)了嗎？求助，謝謝
<!DOCTYPE html>
<html>
<head>
</head>
<style>
#test1 {
width:300px;
height:300px;
background:blue;
}
#test2 {
width:300px;
height:300px;
background:red;
}
</style>
<body>
<div id="test1" onclick="te()"></div>
</body>
<script>
function te(){
var a = document.getElementById('test1');
if(a.id == 'test1'){
a.id = 'test2';
}else
a.id = 'test1';
}
</script>
</html>
問題解答
回答1：<!DOCTYPE html><html><head></head><style>#test1 {width:300px;height:300px;background-color:blue;}</style><body><div id="test1"></div></body><script> function test1() {var a = document.getElementById('test1');var finalStyle = a.currentStyle ? a.currentStyle : document.defaultView.getComputedStyle(a, null);/*利用判斷是否支持currentStyle（是否為ie）13 來通過不同方法獲取style*/if(finalStyle.backgroundColor=="rgb(0, 0, 255)"){a.style.backgroundColor="red"; }else if(finalStyle.backgroundColor=="rgb(255, 0, 0)"){a.style.backgroundColor="blue"; } } function addEvent(obj,type,handle){ try{ // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本obj.addEventListener(type,handle,false); }catch(e){try{ // IE8.0及其以下版本 obj.attachEvent('on' + type,handle);}catch(e){ // 早期瀏覽器 obj['on' + type] = handle;} }} window.onload = function(){var element = document.getElementById("test1");addEvent(element,"click",test1); }</script></html>
回答2：#test1 {width:300px;height:300px;
回答3：你可以用addinventlisner(),監(jiān)聽點(diǎn)擊事件,初始化給紅色,點(diǎn)擊第一次改變成藍(lán)色,再點(diǎn)擊變紅色
準(zhǔn)備一個(gè)class{background-color:#f00},當(dāng)你點(diǎn)擊的時(shí)候給它添加一個(gè)類名,再點(diǎn)擊的時(shí)候讓它移除那個(gè)類名
你可以用移入移出事件
回答4：第二次執(zhí)行的時(shí)候a是undefined。把var a = document.getElementById('test1');放在函數(shù)外面就可以了
回答5：不應(yīng)該是只改個(gè)id，你匹配成功就show出另一個(gè)
網(wǎng)公網(wǎng)安備