ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript ノードの操作と DOMDocument プロパティとメソッド_JavaScript スキル

JavaScript ノードの操作と DOMDocument プロパティとメソッド_JavaScript スキル

WBOY
リリース: 2016-05-16 19:07:23
オリジナル
1148 人が閲覧しました

属性:
1Attributes はノードの属性リストを格納します (読み取り専用)
2childNodes はノードの子ノード リストを格納します (読み取り専用)
3dataType はこのノードのデータ型を返します
4Definition in DTD または XML モードで指定されたノードの定義 (読み取り専用)
5Doctype はドキュメント タイプ ノードを指定します (読み取り専用)
6documentElement はドキュメントのルート要素を返します (読み取りおよび書き込み可能)
7firstChild は現在のノードの最初の子ノードを返します (読み取り専用)
8Implementation は XMLDOMImplementation オブジェクトを返します
9lastChild は現在のノードの最後の子ノードを返します (読み取り専用)
10nextSibling は次の兄弟ノードを返します現在のノードの (読み取り専用)
11nodeName はノードの名前を返します (読み取り専用)
12nodeType はノードのタイプを返します (読み取り専用)
13nodeTypedValue はノードの値を格納します (読み取りおよび書き込み可能) )
14nodeValue はノードのテキストを返します (読み取りおよび書き込み可能)
15ownerDocument はこのノードを含むドキュメントを返します ルート ドキュメント (読み取り専用)
16parentNode 親ノードを返します (読み取り専用)
17Parsedこのノードとその子ノードが解析されているかどうかを返します (読み取り専用)
18Prefix 名前空間のプレフィックスを返します (読み取り専用)
19preserveWhiteSpace 空白を保持するかどうかを指定します (読み取りおよび書き込み可能)
20previousSiblingこのノードの前の兄弟ノード (読み取り専用)
21Text このノードとその子孫のテキスト コンテンツを返します (読み取り可能および書き込み可能)
22url 戻り値 最近ロードされた XML ドキュメントの URL (読み取り専用)
23Xml ノードとその子孫の XML 表現を返します (読み取り専用)
メソッド:
1appendChild 新しい子ノードを現在のノードに追加し、最後に配置します 子ノード
2cloneNode が返した後、現在のノードのコピー
3createAttribute は新しい属性を作成します
4createCDATASection は指定されたデータを含む CDATA セグメントを作成します
5createComment はコメント ノードを作成します
6createDocumentFragment は DocumentFragment オブジェクトを作成します
7createElement は要素ノードを作成します
8createEntityReference は EntityReference オブジェクトを作成します
9createNode は指定されたタイプ、名前、および名前空間のノードを作成します
10createPorcessingstruct は操作命令ノードを作成します
11createTextNode は指定されたデータを含むテキスト ノードを作成します
12getElementsByTagName コレクションを返します指定された名前を持つ要素の数
13hasChildNodes 現在のノードに子ノードがあるかどうかを返します
14insertBefore 指定されたノードの前に子ノードを挿入します
15Load 指定された場所に XML ドキュメントをインポートします
16loadXML の XML をインポートします指定された文字列 Document
17removeChild 指定された子ノードを子ノード リストから削除します
18replaceChild 指定された子ノードを子ノード リストから置き換えます
19Save 指定されたノードに XML ファイルを保存します
20selectNodesノードを照合し、一致するノードのリストを返します
21selectSingleNode はノード上で指定された一致を実行し、最初に一致したノードを返します
22transformNode は指定されたスタイル シートを使用してノードとその子孫を変換します
23transformNodeToObject は指定されたスタイルシート ノードとその子孫をオブジェクトに変換します
*************************************
DOM (ドキュメント オブジェクト モデル)
DOM (ドキュメント オブジェクト モデル) の概念の導入により、この API は HTML をさらに強力にしましたが、DHTML を学習している友人の中にはまだ少し混乱している人もいます。現在のマニュアルはあまり科学的に書かれておらず、文字で書かれています
分断されているので調べるのが不便です 実際、DOM で最も重要なことはノード間 (ノードとノードの間) の関係を習得することです。 DHTML で DOM を学びたい場合は、すべての属性を最初から最後まで読む必要はありません。三国志の張松の「写真記憶」能力はありますか? いいえ、それを分析しましょう。
実際、DOM は階層構造を教えてくれます。これはツリーの形として理解できます。この構造は、ディレクトリと同じようにルート ディレクトリです。ルート ディレクトリの下にはサブディレクトリがあり、その下にはサブディレクトリがあります。サブディレクトリ...
ルート ノード:
DOM はすべてのオブジェクトを階層に配置します。これは、HTML ハイパーテキスト マークアップ言語を例としてノード (NODE) と呼ばれます。ドキュメント全体のルートは 、これは、ノード ツリー全体のルートである
document.documentElement を使用して DOM 内でアクセスできます。 ノード (ROOT)
子ノード:
以下の最大の子ノード。ルート ノードはメイン ドキュメント領域 です。 body タグにアクセスするには、スクリプト内に次のように記述する必要があります:
document.body
body 領域内のすべてのテキスト タグと HTML タグはドキュメントのノードです。これらはそれぞれテキスト ノードと要素ノード (またはラベル ノード) と呼ばれます。
Web ページは最終的には単なるテキストであることは誰もが知っています。Web ページはこれら 2 つのノードで構成されなければならず、これらでのみ構成できます。 2 つのノード
ノード間の関係:
ノード間の関係は、DOM の最も重要な結合点でもあります。 ノード オブジェクトを参照するときは、ノード ツリーの各ノードがどのように記述されているかを明確にする必要があります。 DHTML では、
JavaScript スクリプトは、各ノード オブジェクトのメソッドと属性の完全なセットを使用して、他のノード オブジェクトを記述します。
ノードの絶対参照:
ドキュメントのルート ノードを返します
document.documentElement
現在のドキュメントでアクティブ化されたラベル ノードを返します
document.activeElement
ソース ノードを返しますマウスが外に移動される
event.fromElement
マウスが移動するソース ノードを返します
event.toElement
アクティブ化されたイベントのソース ノードを返します
event.srcElement
ノードへの相対参照: (現在のノードがノードであるとします)
親ノードを返します
node.parentNode
node.parentElement
子ノードのコレクションを返します (テキスト ノードとラベル ノードを含む)
node.childNodes
子ラベルノードのコレクションを返します
node.children
子テキストノードのコレクションを返します
node.textNodes
最初の子ノードを返します
node .firstChild
最後の子ノードを返します
node.lastChild
同じタイプの次のノードを返します
node.nextSibling
同じタイプの前のノードを返します
node.previousSibling
ノードのさまざまな操作: (現在のノードがノードであるとします)
新しいラベルノードの追加 ハンドル:
document.createElement(sNode) //パラメータは追加するノードのラベル名です例: newnode=document.createElement("div");
1. ノードの追加:
子ノードの追加 :
node.appendChild(oNode) //oNode は新しいノード ハンドルです。 :node.appendChild(newnode)
ラベルを適用するノード
node.applyElment(oNode,sWhere)//oNode は新しく追加されたノード ハンドルを生成します。sWhere には 2 つの値があります: 外側 / 内側、外側または内側のどちらを追加するか現在のノード
ノードの挿入
inode.insertBefore()
node.insertAdjacentElement()
ノード。replaceAdjacentText()
2. ノードの変更:
ノードの削除
ノード。 delete()
node.removeChild()
node.removeNode()
ノードを置換
node.replaceChild()
node.replaceNode()
node.swapNode()
2. ノードのコピー:
コピー コピー ノード参照を返す
node.cloneNode(bAll)//bAll はブール値、true/false ノードのすべての子ノードを複製するかどうか
3.ノード情報
あるノードを含む
node.contains()
子ノードの有無
node.hasChildNodes()
************** **************************************** ******
以下は JavaScript 操作 XML です

コードをコピー コードは次のとおりです:




ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート