javascript(DOM一般的な方法)
2294 ワード
title:javascript(DOM常用方法)date:2017-06-01 10:31 tags:javascriptノート
DOM動作のいくつかの一般的な属性と方法
元素ノードのnodeTypeは1です.
属性ノードのnodeTypeは2です.
テキストノードのnodeTypeは3です.
ノードの取得
childNodes:ある要素の下のすべてのサブノードを取得し、テキストノードと要素ノードを含む.
children:ある要素の下のすべての要素サブノードを取得します.
nextElement Sibling:要素の次の兄弟要素ノードを取得する.
previous ElemenntSibling:要素の前の兄弟要素ノードを取得する.
firstElemenntChild:要素の下の最初の要素サブノードを取得する.
lastElemenntChild:要素の下の最初の要素サブノードを取得する.
parent Node:要素の親ノードを取得します.
ノードの属性値を確認します.
ノードの属性名を確認します.
nodeType:ノードのタイプを確認します.
属性の取得と設定
offset Part:最近位置指定属性がある祖先ノードを取得します.もし直接にbodyを取得しなかったら.
offset Left:左外枠から最も近い親レベルの要素がある内枠までの距離です.px単位を持たない.父のクラスにポジショニングがないのは、bodyまでの距離です.
offset Top:上外枠から最も近い親レベルの要素がある内枠までの距離.px単位を持たない.父のクラスにポジショニングがないのは、bodyまでの距離です.
get Attribute():要素の行に設定された属性値を取得します.パラメータは属性名です.
セットポイント():要素の行に設定する属性値を設定します.パラメータは属性名と属性値です.
removeAttribute():要素の行に設定された属性値を削除します.パラメータは属性名です.
get BoundingClienntRect():現在の元素はbodyの4方向の距離と幅の高いオブジェクトです.取得した値はページのスクロール位置によって変わります.値は単位を持たないものです.
clientWidth:取得要素は外枠の幅を計算しない.
clientHeight:元素を取得して枠の高さを計算しません.
offset Width:要素を取得して枠の幅を計算します.
offset Height:要素計算フレームの高さを取得します.
操作ノード
document.creat Element():要素ノードを作成します.パラメータは要素の名前で、文字列のフォーマットです.
apendChild():他の要素ノードの最後に要素ノードを追加し、フォーマットは
insertBefore():要素ノードを要素ノードの指定されたサブノードの前面に追加します.フォーマットは
RemoveChild():指定された要素のサブノードを削除し、指定されたノードがエラーを報告しない場合.フォーマットは
replacceChild():要素ノードを代替し、フォーマットは
clone Node():一つの要素ノードをクローンするには、デフォルトではノード自体がクローンされ、そのサブノードはクローンされません.このノードの下のすべてのサブノードもクローンするにはパラメータtrueが必要です.フォーマットは
apendChild()、insertBefore()、replacceChild()は既存の要素を操作する時、既存の要素を移動します.コピーして操作するのではなく、コピーして操作します.
操作テーブル
表の操作についてjavascriptは簡単な取得方法を提供しています.
テーブル要素が取得されたと仮定します.
テーブルヘッドを取得します.
テーブルの底を取得します.
テーブル本体を取得します.
テーブルを取得する行はtrです.
table.tBodiesn.rows[n].cels[n]:セルを取得するとtdです.
DOM動作のいくつかの一般的な属性と方法
元素ノードのnodeTypeは1です.
属性ノードのnodeTypeは2です.
テキストノードのnodeTypeは3です.
ノードの取得
childNodes:ある要素の下のすべてのサブノードを取得し、テキストノードと要素ノードを含む.
children:ある要素の下のすべての要素サブノードを取得します.
nextElement Sibling:要素の次の兄弟要素ノードを取得する.
previous ElemenntSibling:要素の前の兄弟要素ノードを取得する.
firstElemenntChild:要素の下の最初の要素サブノードを取得する.
lastElemenntChild:要素の下の最初の要素サブノードを取得する.
parent Node:要素の親ノードを取得します.
ノードの属性値を確認します.
ノードの属性名を確認します.
nodeType:ノードのタイプを確認します.
属性の取得と設定
offset Part:最近位置指定属性がある祖先ノードを取得します.もし直接にbodyを取得しなかったら.
offset Left:左外枠から最も近い親レベルの要素がある内枠までの距離です.px単位を持たない.父のクラスにポジショニングがないのは、bodyまでの距離です.
offset Top:上外枠から最も近い親レベルの要素がある内枠までの距離.px単位を持たない.父のクラスにポジショニングがないのは、bodyまでの距離です.
get Attribute():要素の行に設定された属性値を取得します.パラメータは属性名です.
セットポイント():要素の行に設定する属性値を設定します.パラメータは属性名と属性値です.
removeAttribute():要素の行に設定された属性値を削除します.パラメータは属性名です.
get BoundingClienntRect():現在の元素はbodyの4方向の距離と幅の高いオブジェクトです.取得した値はページのスクロール位置によって変わります.値は単位を持たないものです.
clientWidth:取得要素は外枠の幅を計算しない.
document.documentElement.clientWidth
はブラウザウィンドウであるが、エリアの幅です.clientHeight:元素を取得して枠の高さを計算しません.
document.documentElement.clientHeight
はブラウザウィンドウですが、エリアの高さです.offset Width:要素を取得して枠の幅を計算します.
offset Height:要素計算フレームの高さを取得します.
操作ノード
document.creat Element():要素ノードを作成します.パラメータは要素の名前で、文字列のフォーマットです.
apendChild():他の要素ノードの最後に要素ノードを追加し、フォーマットは
.appendChild( )
である.insertBefore():要素ノードを要素ノードの指定されたサブノードの前面に追加します.フォーマットは
.insertBefore( , )
であり、第二のパラメータが存在しない場合、ノードは親ノードの最後に追加される.RemoveChild():指定された要素のサブノードを削除し、指定されたノードがエラーを報告しない場合.フォーマットは
.removeChild( )
です.replacceChild():要素ノードを代替し、フォーマットは
.replaceChild( , )
である.clone Node():一つの要素ノードをクローンするには、デフォルトではノード自体がクローンされ、そのサブノードはクローンされません.このノードの下のすべてのサブノードもクローンするにはパラメータtrueが必要です.フォーマットは
.cloneNode(true)
です.apendChild()、insertBefore()、replacceChild()は既存の要素を操作する時、既存の要素を移動します.コピーして操作するのではなく、コピーして操作します.
操作テーブル
表の操作についてjavascriptは簡単な取得方法を提供しています.
テーブル要素が取得されたと仮定します.
テーブルヘッドを取得します.
テーブルの底を取得します.
テーブル本体を取得します.
テーブルを取得する行はtrです.
table.tBodiesn.rows[n].cels[n]:セルを取得するとtdです.