初日学習WEBAPI

WEBAPI:オブジェクトが操作対象タグの動作によって達成されます。

ドム:動作Page ボム:ブラウザの動作

学習目標

、DOM操作は一般的に使用されます

1、要素得るために
2を、操作の要素は(そのプロパティまたは呼び出しメソッドを設定して)
動的に要素を作成、3
イベント要素を登録するために、4

二、doucumentオブジェクト

要素への第三に、アクセス

1、getElementsByTagName("标签名")
結果:適格なすべての要素を含む擬似配列返し
2、getElementById('id名') 通过id获取元素
結果:対応する要素のリターンを使用すると、空の擬似配列見つからない場合、ということである
3、概要:
(1)バッチを得た:document/element.getElementsByTagName('标签名')
结果:返回一个伪数组,如果找不到返回空的伪数组
(2)IDによって得られました:

document.getElementById('id名')
结果:返回具体的元素,找不到返回null

小结:通过document这个对象调用获取元素的方法
getElementById 返回的是对应的DOM元素, 如果没有返回null
getElementsByTagName 返回的是存储DOM元素的伪数组,如果没有返回空的伪数组

第四に、登録イベント

構文登録されたイベント:要素名= .onイベント機能;
、イベントの三つの要素は:
(1)、イベントソース:誰が登録イベント、イベントソースである
(2)、イベントの名前は:何を登録するにはイベントは、つまり、イベント名、イベントのイベント名をクリックします:クリック
(3)、イベントハンドラ:イベントはファンクションをトリガと呼ばれる
クリックイベントタグの注意を登録するには、第二:
(1)ラベルは、デフォルトでは、ページを更新/ページジャンプするハイパーリンク以来
truernのfaleseを書き込み、イベントハンドラ内の最後の行が
ページの動作をジャンプ/デフォルトのタブの更新を防ぐことができます
第三に、要約:IDを要素の登録をクリックしてイベントを取得し、イベントハンドラを追加します

第五に、プロパティの操作要素

1、名前内のすべてのテキスト要素が割り当て(ない識別ラベル)、要素を返す.innerText
2、要素名は、(識別ラベルが直接レンダリングされるラベルを置く)、内部割り当てをすべてのコンテンツ要素を返す.innerHTML
注:ラベルのすべてのペアは、テキストコンテンツの途中で、時間設定を使用することができ
素子3の内容を変更するために、要素名は=「XX」.ID
4を、このイベント独自のイベントの要素こののこの要素は、現在あります

第六に、ページがロードされたとき、スクリプト実行コードが完了している、(各要素はイベントを登録する必要があります)

トリガイベントは、イベント・ハンドラが実行されます場合には

七、フォームタグと属性

まず、ラベル
1、テキスト:テキストボックス
2、ボタン:ボタン
3、:ドロップダウンメニューをクリックし
、4登録契約の箱
2、属性
1、選択された:ブール型の意味に代わってセレクトボタン
2、無効:無効手段
3、読み取り専用:読み取り専用の手段

八ノート

1は、すべてのCSSは、このプロパティは、複数の単語を書かれ、JSは、DOM操作コード-を取り除く
バックワードを大文字に
、formタグで、2もし一つだけ属性と値、およびプロパティ自体は、その後、JSの書き込みをされた
プロパティの値がブール型が可能であるとき、DOM操作用のコードを

ナイン、要約

DOM:抽象オブジェクトにページ上のタグ、操作対象のJS、運転ページのラベルの目的を達成するための
要素:HTMLで

これは、タグと呼ばれるDOMに、呼び出される要素
収集要素:
document.element.getElementsByTabName(「タグ名」)は、このような空の戻り見つけることができない擬似アレイとして、擬似配列を返す
のdocument.getElementById(「id名を」 )その要素は、そのような場合はnull見つけることができないなどの要件満たす返し
document.body:GET体
GET HTML:はdocument.firstChild イベント:イベントをクリックしてクリック イベントソースを:イベントソースのある人登録イベント、 イベント処理を機能:イベントを開始するときに、関数呼び出し 時に起動するイベント:イベントソース.on +イベント名=イベントハンドラ




操作元素的属性:
innerText
innerHTML
相同点:都会覆盖原来的内容
不同点:innerText 只识别文本
        innerHTML 可以识别标签
注意: 一般用于双标签

おすすめ

転載: www.cnblogs.com/xiaoming9527/p/11615218.html