JSノードの知識_基礎知識を詳しく解説

大文字と小文字に注意し、間違いがないことを確認してください。
Attributes:
Attributes はノードの属性リストを格納します (読み取り専用)
childNodes はノードの子ノードを格納します。 list (読み取り専用)
dataType このノードのデータ型を返します。
Definition DTD または XML モードで指定されたノードの定義 (読み取り専用)
Doctype ドキュメント タイプ ノードを指定します (読み取り専用) )
documentElement ドキュメントのルート要素を返します (読み取り可能および書き込み可能)
firstChild は現在のノードの最初の子ノードを返します (読み取り専用)
Implementation は XMLDOMImplementation オブジェクトを返します
lastChild は最後の要素を返します現在のノードの子ノード (読み取り専用)
nextSibling は現在のノードを返します 次の兄弟ノード (読み取り専用)
nodeName はノードの名前を返します (読み取り専用)
nodeType はタイプを返しますノードの (読み取り専用)
nodeTypedValue はノード値を格納します (読み取りおよび書き込み可能)
nodeValue はノードのテキストを返します (読み取りおよび書き込み可能)
ownerDocument はこのノードを含むルート ドキュメントを返します (読み取り可能)のみ)
parentNode は親ノードを返します (読み取り専用)
Parsed はこのノードとその子ノードが解析されたかどうかを返します (読み取り専用)
Prefix 名前空間のプレフィックスを返します (読み取り専用)
preserveWhiteSpace 空白を保持するかどうかを指定します (読み取り/書き込み可能)
previousSibling このノードの前の兄弟ノードを返します (読み取り専用)
Text これを返します ノードとその子孫のテキスト コンテンツ (読み取り可能および書き込み可能)
url 最近ロードされた XML ドキュメントの URL を返します (読み取り専用)
Xml ノードとその子孫の XML 表現を返します (読み取り専用)
Methods:
appendChild は新しい子ノードを現在のノードに追加し、最後の子ノードの後に​​配置します
cloneNode は現在のノードのコピーを返します
createAttribute は新しい属性を作成します
createCDATASection はインクルードを作成します CDATA セグメントが指定された場合data
createComment はコメントノードを作成します
createDocumentFragment は DocumentFragment オブジェクトを作成します
createElement は要素を作成しますノード
createEntityReference EntityReference オブジェクトを作成します
createNode は指定された型、名前、および名前空間を作成します Node
createPorcessingstruct操作命令ノードを作成します
createTextNode 指定されたデータを含むテキスト ノードを作成します
getElementsByTagName は、指定された名前を持つ要素のコレクションを返します
hasChildNodes は、現在のノードに子ノードがあるかどうかを返します
指定したノードの前に insertBefore子ノードを挿入
Load 指定した場所に XML ドキュメントをインポートします
loadXML 指定した文字列を含む XML ドキュメントをインポートします
removeChild 指定した子ノードを子ノード リストから削除します
replaceChild 指定した子ノードを置き換えます子ノードのリストから子ノード
Save は XML ファイルを指定されたノードに保存します
selectNodes はノード上で指定されたマッチングを実行し、一致するノード リストを返します
selectSingleNode はノード上で指定されたマッチングを実行して戻ります最初に一致したノード
transformNode は指定されたスタイル シートを使用してノードとその子孫を変換します
transformNodeToObject は指定されたスタイル シートを使用してノードとその子孫をオブジェクトに変換します
DOM (ドキュメント オブジェクト モデル)
DOM (Document Object Model) の概念 DHTML の発表により、この API により HTML はさらに強力になりましたが、DHTML を学習している友人の中にはまだ少し混乱している人もいます。これは、現在のマニュアルがあまり科学的ではなく、次のように分かれているためです。実際、DOM で最も重要なことは、ノード間 (ノードとノードの間) の関係を習得することです。DHTML で DOM を学習したい場合は、すべてのプロパティを読む必要はありません。あなたは三国志の張松の「写真記憶」を持っていますか? いいえ、それを分析しましょう:
実際、DOM が私たちに教えているのは階層的なものです。構造は、ルート ディレクトリと同じようにツリー構造として理解できます。ルート ディレクトリの下にサブディレクトリがあり、サブディレクトリ
...

ルート ノードの下にサブディレクトリがあります。
DOM は、階層内のすべてのオブジェクトをノード (NODE) と呼びます。HTML ハイパーテキスト マークアップ言語を例に挙げます。ドキュメント全体のルートは で、DOM 内で document.documentElement、ノード ツリー全体のルート ノード (ROOT) です。

子ノード:
一般的な意味でのノードは、ルート ノードの下にある最大の子ノードです。メイン ドキュメント領域 。body タグにアクセスするには、スクリプト内に次のように記述する必要があります: document .body
body 領域内のすべてのテキスト タグと HTML タグは、テキスト ノードと呼ばれます。 HTML は最終的には単なるテキストであることは誰もが知っています。
このような Web ページはこれら 2 つのノードで構成されなければならず、これら 2 つのノードでのみ構成できます。 🎜>ノード間の関係:
ノード間の関係は、DOM の最も重要な結合点でもあります。それを正しく引用する方法 ノード オブジェクトに関しては、ノード ツリーの各ノードがそれぞれをどのように説明するかを明確にする必要があります。 DHTML では、
JavaScript スクリプトは、各ノード オブジェクトのメソッドと属性の完全なセットを使用して、他のノード オブジェクトを記述します。
ノードの絶対参照:
ドキュメントのルート ノードを返します
document.documentElement
現在のドキュメントでアクティブ化されたラベル ノードを返します
document.activeElement
次の場合にソース ノードを返しますマウスが移動される
event.fromElement
マウスが移動するソース ノードを返します
event.toElement
アクティブ化されたイベントのソース ノードを返します
event.srcElement
Relativeノードへの参照: (現在のノードがノードであるとします)
親ノードを返します
node.parentNode
node.parentElement
子ノードのコレクションを返します (テキスト ノードとラベル ノードを含む)
node.childNodes
子ラベル ノードのコレクションを返します
node.children
子テキスト ノードのコレクションを返します
node.textNodes
最初の子ノード
ノードを返します。 firstChild
最後の子ノードを返します
node.lastChild
同じタイプの次のノードを返します
node.nextSibling
同じタイプの前のノードを返します
node.previousSibling
ノードのさまざまな操作: (現在のノードがノードであるとします)
新しいラベル ノードの追加 ハンドル:
document.createElement(sNode) //パラメータは追加するノードのラベル名です。例: newnode=document.createElement("div");
、ノードを追加:
子ノードを追加:
node.appendChild(oNode) //oNode の新しいノード ハンドル、例: node .appendChild(newnode)
ラベルノードを適用します
node.applyElment(oNode,sWhere)//oNode for Living 新しく追加されたノードハンドル、sWhere には 2 つの値があります: 外側 / 内側、現在のノードの外側または内側に追加するかどうかノード
ノードの挿入
inode.insertBefore()
node.insertAdjacentElement()
node.replaceAdjacentText ()
、ノードの変更:
ノードの削除
node.remove()
node.removeChild()
node.removeNode()
ノードの置換
node.replaceChild( )
node.replaceNode()
node.swapNode()
、コピーノード:
コピー コピー ノード参照を返す
node.cloneNode(bAll)//bAll はブール値、true / false ノード
のすべての子ノードのクローンを作成するかどうか、ノード情報
特定のノードが含まれています
node.contains()
子ノードがあるかどうか
node.hasChildNodes()
*** *************** ************************************ **
以下は JavaScript の操作 XML