コードは次のとおりです: コードをコピー コードは次のとおりです: type="text/ javascript" src="jquery-1.7.js"> bbb aaabbbgt;ccc AAABBBCCC <br>//これらの 3 つの要素ノードの属性ノードを理解します <br>// 1: 要素ノード (要素ノード、nodeName は常に要素のタグ名を保存し、nodeValue の値は常に null) <br>var element_node=document.getElementById('test'); <br>//alert(element_node.nodeType); / 1 <br>//alert(element_node.nodeName); // input <br>//alert(element_node.nodeValue); // null <br>// 2: 属性ノード <br>var attr_node=document.getElementById ('test' ).getAttributeNode('name'); <br>alert(attr_node.nodeType); // 2 <br>alert(attr_node.nodeName) // 名前属性名<br>alert(attr_node.nodeValue); ; // nn 属性値 <br> // 3: テキスト ノード <br>var all=document.getElementById('t').firstChild; //alert(all.nodeType); //alert(all.nodeName); // #text <br>//alert(all.nodeValue) // bbb テキストコンテンツ <br>var tt1=document.getElementById('t1'); alert(tt1.firstChild.innerHTML); // aaa <br>//alert(tt1.lastChild.innerHTML); // ccc <br>var tt2=tt1.childNodes[1].innerHTML; (tt2); // bbb <br>var tt3=tt1.parentNode.getAttribute('name'); <br>//alert(tt3); //parent_test <br>var tt4=tt1.childNodes[1]; <br>/ /alert(tt4.nextSibling.innerHTML); // ccc <br>//alert(tt4.previousSibling.innerHTML); //aaa <br>// ノードメソッドの詳細な紹介<br>var tt5= document.getElementById( 'test'); <br>var tt6=document.getElementById('t') <br>// hasChildNodes() メソッド: ノードに子ノードがあるかどうかを判断し、子ノードがある場合は true、ない場合は false を返します。 <br>//alert (tt5.hasChildNodes()); // false <br>//alert(tt6.hasChildNodes()); // true <br>//removeChild() メソッド: ノードを削除します <br> var first_node=document.getElementById ('t1').firstChild; <br>//document.getElementById('t1').removeChild(first_node) // 最初のノードを削除します aaa <br>// appendChild() メソッド: add a node if document ノードがツリー内にすでに存在する場合は、それを削除し、新しい場所に挿入します。 <br>var first_node=document.getElementById('t1').firstChild; <br>//document.getElementById('t1').appendChild(first_node); // aaa が最後のノードになります<br>// replaceChild( ) メソッド: 指定された子ノードをドキュメント ツリーから削除 (および返し) し、別のノードで置き換えます <br>//insertBefore() メソッド: 指定されたノードが既に存在する場合は、その前にノードを挿入し、そのノードを削除します元のファイルを削除し、新しい場所に挿入します。 <br>var newd=document.createElement("span"); <br>newd.innerHTML="eee"; <br>//document.getElementById('t1').appendChild(newd); Node<br>var oldd=document.getElementById('t1').lastChild; <br>//document.getElementById('t1').replaceChild(newd,oldd); // 最後の子ノードを置き換えます<br>/ /document.getElementById('t1').insertBefore(newd,oldd); // 指定された位置の前にノードを挿入します aaabbbeeeccc <br>// cloneNode() メソッド: ノードをコピーします。このメソッドには 1 つのパラメーター (true) があります。すべての子ノードを同時にコピーすることを意味し、false は現在のノードをコピーすることを意味します。 <br>var what=document.getElementById('fuzhi').cloneNode(true).innerHTML; <br>document.getElementById('m').innerHTML=what; ;/body><br></html><br><br> </div> </div> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
