ホームページ > 記事 > ウェブフロントエンド > JSでDOMオブジェクトの指定したノードにアクセスする方法
今回は、JS が DOM オブジェクトの指定されたノードにアクセスする方法について説明します。JS を使用して DOM オブジェクトの指定されたノードにアクセスする場合の 注意事項 について、実際のケースを見てみましょう。
この記事の例では、JS が DOM オブジェクトの指定されたノードへのアクセスを実装する方法を説明します。参考までに皆さんと共有してください。詳細は次のとおりです:はじめに
getElementById()
メソッドを使用して、指定された ID を持つノードにアクセスし、nodeName getElementById()
方法来访问指定id的节点,并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、节点类型和节点值。
1、nodeName属性
该属性用来获取某一个节点的名称。
[sName=]obj.nodeName
sName:字符串变量用来存储节点的名称。
2、nodeType属性
该属性用来获取某一个节点的类型。
[sType=]obj.nodeType
属性、
属性、および nodeValue 属性を使用して、ノード名、ノード タイプ、およびノード値を表示します。
🎜1. 🎜🎜nodeName🎜🎜属性🎜🎜 この属性は、ノードの名前を取得するために使用されます。 🎜🎜[sName=]obj.nodeName
🎜🎜🎜sName🎜: 文字文字列変数はノードの名前を保存するために使用されます。 🎜🎜2. 🎜🎜nodeType🎜🎜Attribute🎜🎜 この属性は、ノードのタイプを取得するために使用されます。 🎜🎜[sType=]obj.nodeType
🎜🎜🎜sType🎜: ノードのタイプを格納するために使用される文字列変数。このタイプの値は数値です。このパラメータのタイプを次の表に示します。 🎜タイプ | 数値 | ノード名 | 説明 |
要素 | 1 | タグ | 任意の HTML または XML タグ |
属性 | 2 | 属性 | タグ内の属性 |
text (テキスト) | 3 | #text | にはタグ内のテキストが含まれます |
Comment (コメント) | 8 | #comment | HTMLコメント |
Document (ドキュメント) | 9 | #document | Documentオブジェクト |
DocumentType (documentType) | 10 | DOCTYPE | DTD仕様 |
3、nodeValueAttribute
この属性はノードの値を返します。
[txt=]obj.nodeValue
txt: 文字列変数はノード値を格納するために使用されます。テキストノードタイプを除き、他のタイプのノード値は「null」です。
2
を使用して、指定したノードにアクセスします。この例では、指定したノードの名前、ノードのタイプ、およびノードの値が、ページ上にポップアップ表示されるプロンプト ボックスに表示されます。 。
3 つのコード
<!DOCTYPE html> <html> <head> <title>www.jb51.net 访问指定节点</title> </head> <body id="b1"> <h3 >三号标题</h3> <b>加粗内容</b> <script language="javascript"> <!-- var by=document.getElementById("b1"); var str; str="节点名称:"+by.nodeName+"\n"; str+="节点类型:"+by.nodeType+"\n"; str+="节点值:"+by.nodeValue+"\n"; alert(str); --> </script> </body> </html>
4 つのコードを実行すると、次のプロンプト ボックスが表示されます:
この記事のケースを読んだ後は、この方法を習得したと思います。もっとエキサイティングなことは、php 中国語の Web サイトに注目してください。その他の関連記事もご覧ください。
推奨読書:
以上がJSでDOMオブジェクトの指定したノードにアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。