ホームページ > 記事 > ウェブフロントエンド > JS は選択された DOM ノードにアクセスします (コード付き)
JS は選択された DOM ノードにアクセスします (コード付き)
- php中世界最好的语言オリジナル
- 2018-04-20 10:23:571837ブラウズ
今回は、選択した DOM ノードへの JS アクセス (コード付き) について説明します。 選択した DOM ノードへの JS アクセスの 注意事項 について、実際のケースを見てみましょう。
この記事の例では、DOM オブジェクト指定されたノードへのアクセスを JS が実装する方法について説明します。参考までに皆さんと共有してください。詳細は次のとおりです:
はじめに
getElementById() メソッドを使用して、指定された ID を持つノードにアクセスし、getElementById()方法来访问指定id的节点，并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、节点类型和节点值。
1、nodeName属性
该属性用来获取某一个节点的名称。
[sName=]obj.nodeName
sName：字符串变量用来存储节点的名称。
2、nodeType属性
该属性用来获取某一个节点的类型。
[sType=]obj.nodeTypenodeName
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></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 サイトの他の関連記事を参照してください。