ホームページ  >  に質問  >  本文

背景をクリックして青を赤に、赤から青に変更するにはどうすればよいですか?私のコードの何が問題なのでしょうか?助けて、ありがとう


背景をクリックして青を赤に、赤から青に変更するにはどうすればよいですか?私のコードの何が問題なのでしょうか?助けてください、ありがとう

QQ图片20171213171840.jpg


##<!DOCTYPE html>

<html>

<head>

##</head>

##<style>

##test1 {

width:300px;

高さ:300px;

背景:青;

}

#test2 {

幅:300px;

高さ: 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>

#
思如磐石思如磐石2502日前1641

全員に返信(6)返信します

  • ***huihui

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

    りー


    返事
    0
  • ***huihui

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

    りー


    返事
    0
  • ***huihui

    <!DOCTYPE html> <html> <頭> </head> <スタイル> #test1 { 幅:300ピクセル; 高さ:300ピクセル; 背景色:青; } </スタイル> <本体> <div id="test1"></div> </ボディ> <スクリプト> 関数 test1() { var a = document.getElementById('test1'); var FinalStyle = a.currentStyle ? a.currentStyle : document.defaultView.getComputedStyle(a, null);/*currentStyle がサポートされているかどうか (ie であるかどうか) を判断するために使用します。 13. さまざまな方法でスタイルを取得*/ if(finalStyle.backgroundColor=="rgb(0, 0, 255)"){ a.style.backgroundColor="赤"; } else if(finalStyle.backgroundColor=="rgb(255, 0, 0)"){ a.style.backgroundColor="青"; } } 関数 addEvent(obj,type,handle){ try{// Chrome、FireFox、Opera、Safari、IE9.0 以降 obj.addEventListener(type,handle,false); }キャッチ(e){ try{// IE8.0 以下 obj.attachEvent('on' + タイプ,ハンドル); }catch(e){ // 初期のブラウザ obj['on' + type] = ハンドル; } } } window.onload = function(){ var 要素 = document.getElementById("test1"); addEvent(要素,"クリック",test1); } </スクリプト> </html>

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

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

    1. addinventlisner() を使用してクリック イベントをリッスンし、赤に初期化し、初めてクリックして青に変更し、その後クリックして赤にすることができます

    2. クラス {background-color: を準備します。 #f00}、クリックするとクラス名が追加され、クリックするとそのクラス名が削除されます

    3. 引っ越しイベントと引っ越しイベントを使用できます

    返事
    0
  • p~ang~胖

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

    2回目の実行時はAは未定義です。 var a = document.getElementById('test1'); を関数の外に置くだけです

    返事
    0
  • dabour

    dabour2017-12-14 11:58:19

    1 つの ID を変更するだけではなく、マッチングが成功すると別の ID が表示されます。

    返事
    0
  • キャンセル返事