DOM オブジェクトノードメソッドへの JS アクセスの概要-jsチュートリアル-php.cn

DOM オブジェクトノードメソッドへの JS アクセスの概要

php中世界最好的语言

リリース： 2018-06-11 14:28:30

オリジナル

2320 人が閲覧しました

今回はJSでDOMオブジェクトノードにアクセスする方法についてまとめてみました。JSでDOMオブジェクトノードにアクセスする際の注意点について、実際の事例を見てみましょう。

はじめに

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」です。

を使用して、指定したノードにアクセスします。この例では、指定したノードの名前、ノードのタイプ、およびノードの値が、ページ上にポップアップ表示されるプロンプトボックスに表示されます。。

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 つのコードを実行すると、次のプロンプトボックスが表示されます: