简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
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
思如磐石
思如磐石 2017-12-13 17:20:50
0
6
1658


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>



思如磐石
思如磐石

répondre à tous(5)
ganhuihui
ganhuihui2018-01-18 14:31:34 5 plancher 
<!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>


Comme +0
Ajouter une réponse
ganhuihui
ganhuihui2018-01-18 14:30:34 4 plancher 
#test1 {

width:300px;

height:300px;


Comme +0
Ajouter une réponse
  • répondre &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;tête&gt; &Lt;/tête&gt; &lt;style&gt; #test1 { largeur : 300 px ; hauteur : 300 px ; couleur d'arrière-plan : bleu ; } &lt;/style&gt; &lt;corps&gt; &lt;div id="test1"&gt;&lt;/div&gt; &lt;/corps&gt; &lt;script&gt; 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); } &lt;/script&gt; &lt;/html&gt;
    ***huihui auteur 2018-01-18 14:31:01
有人@我
有人@我2017-12-25 17:31:29 3 plancher

  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

Comme +0
Ajouter une réponse
p～ang～胖
p～ang～胖2017-12-25 11:15:13 2 plancher

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

Comme +0
Ajouter une réponse
dabour
dabour2017-12-14 11:58:19 1 plancher

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

.
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！