午後11時10分25秒2019年8月14日
私はこの醜いを書きました。。。。
タイトル:効果]タブの切り替えを実現するために、我々はJavaScriptを学んだ知識を使用する前に。
レンダリング:
(図の可動も、これはURLを挿入行をコピーしない方法です)
私は、レンダリングを書きました:
(Bのような比較)
コード
1 <!DOCTYPE HTML > 2 < HTML > 3 < ヘッドのlang = "EN" > 4 < メタのcharset = "UTF-8" > 5 < タイトル>实践题-选项卡</ タイトル> 6 < スタイルタイプ= "テキスト/ CSS" > 7つの DIV { 8 境界:1ピクセル黒色固体。 9 幅:300ピクセル; 10 高さ:100pxに。 11 } 12 入力{ 13 背景色:白。 14 } 15 </ スタイル> 16 < スクリプトタイプ= "テキスト/ javascriptの" > 17 機能changeText(N) 18 { 19 のvar DIV = のdocument.getElementById(" DIV " )。 20 スイッチ(N) 21 { 22 ケース 1 : 23 div.innerHTML = 「総鉄BrsをO2.75億利用可能昌平200,000家を買う」+ 「」+ 「200は、市販億140万アンJiadongの三環リングであるBrsを」+ " <BR /を> 「+ 24 」の不動産を購入する北京はダウン今最初のゼロでのお支払い530 000 50東中央レベル5 「+ 」「+ 」北京の不動産CITICにまっすぐに5000の既存住宅ハウスパークハウスキング」25 BREAK ; 26 事例2 : 27 のdiv .innerHTML = 「40フラットレンタル変身少女ミックスの巣」+ "<BR/> " + 「クラシック愛新鮮でシンプルなヨーロッパの家庭90フラット古い家は新しい生活呼吸する」+ 「」+ 28 「新中国風のクールな色の暖かさのレベルが66家活気のある色を襲った」+ 「」+ " 選挙のようなタイル良い妻トイレの煙道の設計「29 BREAK ; 30 事例3 : 31です div.innerHTML = 」通州デラックス3 UN UN260万二環250ワット拒否希少2 「+ 」「+ 」西洋透明リング3 2 2900130万人UN UNは2購入制限"を+ " A "+ 32 " 黄チェンゲン小学校地区レベルのみ260012170万キャスト! " + " " + " 排他ヴィラ280万248万我々ランキングSuzhouqiao 2 " 33であるBREAK ; 34である } 35 } 36 </ スクリプト> 37 </ ヘッド> 38である< ボディ> 39 < INPUTのID =" button1を" タイプ="ボタン" 値="プロパティ" のonclick =" ChangeText(1) " /> 40 < INPUTのID ="ボタン2 "タイプ=「ボタン」値=「家居」 onclickの= "ChangeText(2)" /> 41は、 < INPUTのID = "ボタン3" タイプ= "ボタン" 値= "二ハウジング" のonclick = "ChangeText(3)" /> 42である < DIV IDが= "DIV" > 2.75億O昌平鉄SANJUが家を購入する200,000合計購入< BR /> 43 140万個のJiadongの三環リングを購入するには、2百万SANJU < BR /> 44 北京初登場の不動産を購入するために支払いをダウンゼロ530 000 5東中部50をフラット< BR /> 45 北京ストレート財産ハウスパークハウス王5000 CITIC既存住宅ダウン< BR /> 46です </ DIV > 47 </ボディ> 48 </ HTML >
私の考えは、次の3つのボタンのことをdiv要素であります
テキスト要素がクリックされたボタンの内容を切り替えるDIV