简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Maison
Article
Questions et réponses
Cours
Sujet
Télécharger
Jeu
Dictionnaire
mises à jour récentes

Maison  >  Questions et réponses  >  le corps du texte

Comment puis-je cliquer sur l’arrière-plan pour changer le bleu en rouge et le rouge en bleu ? Qu'est ce qui ne va pas avec mon code? Aide, merci


Comment puis-je cliquer sur l'arrière-plan pour changer le bleu en rouge et le rouge en bleu ? Qu'est ce qui ne va pas avec mon code? Au secours, merci

QQ图片20171213171840.jpg


<!DOCTYPE html>

<html>

<head>

</head>

<style>

#test1 {

largeur:300px;

hauteur:300px;

fond:bleu;

}

#test2 {

largeur:300px;

hauteur:300px;

fond:rouge;

}

< / 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>



思如磐石思如磐石2502 Il y a quelques jours1637

répondre à tous(6)je répondrai

  • ***huihui

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

    <!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>


    répondre
    0
  • ***huihui

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

    #test1 {

width:300px;

height:300px;


    répondre
    0
    • ***huihui

    <!DOCTYPE html> <html> <tête> ≪/tête> <style> #test1 { largeur : 300 px ; hauteur : 300 px ; couleur d'arrière-plan : bleu ; } </style> <corps> <div id="test1"></div> </corps> <script> fonction test1() { var a = document.getElementById('test1'); var finalStyle = a.currentStyle ? a.currentStyle : document.defaultView.getComputedStyle(a, null);/*Utiliser pour déterminer si currentStyle est pris en charge (que ce soit par exemple) 13. Obtenez du style grâce à différentes méthodes*/ if(finalStyle.backgroundColor=="rgb(0, 0, 255)"){ a.style.backgroundColor="rouge"; } sinon if(finalStyle.backgroundColor=="rgb(255, 0, 0)"){ a.style.backgroundColor="bleu"; } } fonction addEvent(obj,type,handle){ essayez{ // Chrome, FireFox, Opera, Safari, IE9.0 et versions ultérieures obj.addEventListener(type,handle,false); }attraper(e){ essayez{ // IE8.0 et versions antérieures obj.attachEvent('on' + type,handle); }catch(e){ // Premiers navigateurs obj['on' + type] = handle; } } } window.onload = fonction(){ var element = document.getElementById("test1"); addEvent(élément,"clic",test1); } </script> </html>

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

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

    1. Vous pouvez utiliser addinventlisner() pour écouter les événements de clic, l'initialiser en rouge, cliquer dessus pour la première fois et le changer en bleu, puis cliquer dessus en rouge

    2. Préparez un cours {background-color : #f00}, lorsque vous cliquez sur Lorsque vous cliquez, ajoutez-y un nom de classe, et lorsque vous cliquez dessus, laissez-le supprimer ce nom de classe

    3. Vous pouvez utiliser l'événement d'entrée et de sortie

    répondre
    0
  • p～ang～胖

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

    A n'est pas défini lorsqu'il est exécuté pour la deuxième fois. Mettez simplement var a = document.getElementById('test1'); en dehors de la fonction

    répondre
    0
  • dabour

    dabour2017-12-14 11:58:19

    Vous ne devriez pas simplement changer un identifiant une fois le match réussi, un autre sera affiché

    .

    répondre
    0
  • Annulerrépondre