ムーパークHTMLプログラミングクラスは、10-1を行使する

午後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

 

おすすめ

転載: www.cnblogs.com/57one/p/11355534.html