JS-DOMノードのプロパティ

DOMプロパティ

Elementオブジェクトの属性：

nodeTypeのノードタイプ

nodeNameのノード名

nodeValue ノード値

共通ノードのプロパティ

	nodeTypeの	nodeNameの	nodeValue
文書/文書	9	＃	ノー
要素/要素	1	要素のタグ名	ヌル
attrbute /プロパティ	2	プロパティ名	プロパティの値
テキスト/テキスト	3	＃テキスト	テキストの値
Commentノード	8	＃コメント	ノートの内容

要素ノードがのnodeValueはありませんが、内部の内容は、テキストオブジェクトに属しています

// 以下の実施例
// <身体> 
//     テスト</ DIV> <DIV ID = "ワン"クラス= "ワン"スタイル= "レッドカラー"> 
// </ body>の

// ゲット共通ノード
// ドキュメントオブジェクト

    にconsole.log（document.nodeType + "" + document.nodeName + "" + ; document.nodeValue）

// 要素オブジェクト

    LET divObj = document.getElementsByTagName（ "DIV"）[0 ];
     //は、オブジェクト要素を取得し、へDIVケース

    にconsole.log（divObj.nodeType + "" + divObj.nodeName + "" + divObj.nodeValue）; 

// 属性オブジェクト

   のlet attrsに =    divObj.attributes。
    // 要素の集合の属性ノード（要素戻りのNamedNodeMapの属性）

    console.log（ATTRS）; 
    // 表示属性クラスコンテンツ

    // コレクション内の属性オブジェクト（オブジェクト）を削除
    @ 1は、添字によって得ることができる 
    LET idObj ATTRS = [0 ];
     // 2.NamedNodeMapこの方法は、提供 
        LET idObj = attrs.getNamedItem（ "ID" ）;
         // 名前によって 
        LET idObj = attrs.item（0 ）;
         // 添字によって

    はconsole.log（idObj.nodeType + "" + + idObj.nodeNameを"" + idObj.nodeValue）; 

    idObj.nodeValue = "new_one" ;
     //はのnodeValueプロパティ属性オブジェクトの値によって設定することができる

    。にconsole.log（divObj.id）
    divObj.id = "show_one" ;
     //nodeValueの面倒によって取得および設定プロパティ値をします。
    // 私たちは、オペレータと、属性のポイント値（要素ノードは、プロパティを持っている必要がある場合）によって取得され
    
    divObj.className「はtest_class命名」= ; 
    ;にconsole.log（divObj.className）
    // 使用プロパティclasss注：それは.classsNameです
    // divObj.class =「はtest_class」;クラス名を使用するように変更してはいけません

6つのメソッドの外を探していることにより、クエリオブジェクトに加えてdocumen

また、要素間の関係を見つけることができます

親/のparentNode
子ノード/ chlidNode

最初の子ノード/ fristChild

最後の子/ lastChild
兄弟

次の兄弟/ nextSibiling

兄/ previousSibiling

DOMプロパティ

共通ノードのプロパティ

おすすめ