ホームページ >ウェブフロントエンド >jsチュートリアル >JSアクセスDOMオブジェクト選択ノードメソッド
JSアクセスDOMオブジェクト選択ノードメソッド
- php中世界最好的语言オリジナル
- 2018-05-02 11:16:511544ブラウズ
今回は、JS を使用して DOM オブジェクトにアクセスする際のノードの選択方法について説明します。JS を使用して DOM オブジェクトにアクセスし、ノードを選択する際の 注意事項 は何ですか?実際のケースを見てみましょう。
はじめに getElementById() メソッドを使用して、指定された ID を持つノードにアクセスし、
属性、getElementById()方法来访问指定id的节点，并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、节点类型和节点值。
1、nodeName属性
该属性用来获取某一个节点的名称。
[sName=]obj.nodeName
sName：字符串变量用来存储节点的名称。
2、nodeType属性
该属性用来获取某一个节点的类型。
[sType=]obj.nodeTypenodeType
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) | 10 | DOCTYPE | DTD仕様 |
3、nodeValue属性
この属性はノードの値を返します。
[txt=]obj.nodeValue
txt: 文字列変数はノード値を格納するために使用されます。テキストノードタイプを除き、他のタイプのノード値は「null」です。
2
を使用して、指定したノードにアクセスします。この例では、指定したノードの名前、ノードのタイプ、およびノードの値が、ページ上にポップアップ表示されるプロンプト ボックスに表示されます。 。
3 つのコード
<!DOCTYPE html>
<html>
<head>
<title>访问指定节点</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 サイトに注目してください。その他の関連記事もご覧ください。
推奨読書:
React Native でフローティング ボタンを実装する方法
以上がJSアクセスDOMオブジェクト選択ノードメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。