Bagaimanakah saya boleh mengklik pada latar belakang untuk menukar biru kepada merah dan merah kepada biru? Apa yang salah dengan kod saya? Tolong, terima kasih
思如磐石
思如磐石 2017-12-13 17:20:50
0
6
1703


Bagaimana saya boleh mengklik pada latar belakang untuk menukar biru kepada merah dan merah kepada biru? Apa yang salah dengan kod saya? Bantuan, terima kasih #ujian1 {

lebar:300px;QQ图片20171213171840.jpg

tinggi:300px;


latar belakang:biru;

}

#test2 {

lebar:300px;

;ketinggian:300px;

;ketinggian:300px

< / style>

<body>

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

</body>

;>

;

fungsi te(){

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

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

a.id = 'test2';

}else

a .id = 'test1';

}

</script>


</html>

思如磐石
思如磐石

membalas semua(5)
ganhuihui
<!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>


ganhuihui
#test1 {

width:300px;

height:300px;


  • balas &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;kepala&gt; &lt;/head&gt; &lt;gaya&gt; #test1 { lebar: 300px; ketinggian:300px; warna latar belakang:biru; } &lt;/style&gt; &lt;badan&gt; &lt;div id="test1"&gt;&lt;/div&gt; &lt;/badan&gt; &lt;skrip&gt; ujian fungsi1() { var a = document.getElementById('test1'); var finalStyle = a.currentStyle ? a.currentStyle : document.defaultView.getComputedStyle(a, null);/*Gunakan untuk menentukan sama ada currentStyle disokong (sama ada ianya) 13. Dapatkan gaya melalui kaedah yang berbeza*/ if(finalStyle.backgroundColor=="rgb(0, 0, 255)"){ a.style.backgroundColor="red"; } else if(finalStyle.backgroundColor=="rgb(255, 0, 0)"){ a.style.backgroundColor="blue"; } } fungsi addEvent(obj,type,handle){ cuba{ // Chrome, FireFox, Opera, Safari, IE9.0 dan ke atas obj.addEventListener(type,handle,false); }tangkap(e){ cuba{ // IE8.0 dan ke bawah obj.attachEvent('on' + type,handle); }catch(e){ // Pelayar awal obj['on' + type] = pemegang; } } } window.onload = function(){ var element = document.getElementById("test1"); addEvent(elemen,"klik",test1); } &lt;/skrip&gt; &lt;/html&gt;
    ***huihui pengarang 2018-01-18 14:31:01
有人@我
  1. Anda boleh menggunakan addinventlisner() untuk mendengar acara klik, mulakannya kepada merah, klik untuk kali pertama dan tukar kepada biru, dan kemudian klik kepada merah

  2. Sediakan kelas {warna latar: #f00}, apabila anda mengklik Apabila anda mengklik, tambahkan nama kelas padanya dan apabila anda mengkliknya, biarkan ia mengalih keluar nama kelas tersebut

  3. Anda boleh menggunakan acara pindah masuk dan keluar

p~ang~胖

A tidak ditentukan apabila dilaksanakan untuk kali kedua. Hanya letakkan var a = document.getElementById('test1');

dabour

Anda tidak sepatutnya menukar satu ID sahaja Setelah perlawanan berjaya, satu lagi akan dipaparkan

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan