How to access the specified node of the DOM object in JS-JS Tutorial-php.cn

How to access the specified node of the DOM object in JS

php中世界最好的语言

Release： 2018-04-08 10:50:33

Original

1402 people have browsed it

This time I will show you how to access the specified node of the DOM object with JS. What are the precautions for JS to access the specified node of the DOM object. The following is a practical case. Let’s take a look. one time.

The example in this article describes how JS implements access to the specified node of the DOM object. Share it with everyone for your reference, the details are as follows:

1 Introduction

Use the getElementById() method to access the specified id node, and use the nodeName attribute, nodeType attribute and nodeValue attribute to display the node name, node type and node value.

1, nodeNameAttribute

This attribute is used to obtain the name of a node.

[sName=]obj.nodeName

sName: StringThe variable is used to store the name of the node.

2, nodeTypeAttribute

This attribute is used to obtain the type of a node.

[sType=]obj.nodeType

sType: String variable, used to store the type of node, the value of this type is numeric . The type of this parameter is shown in the table below.

Type	Value	Node name	Description
Element )	1	tag	Any HTML or XML tag
Attribute	2	Attribute	Attribute in tag
Text (text)	3	#text	Contains the text in the tag
Comment	8	#comment	HTML comment
Document	9	#document	Document Object
Document Type (documentType)	10	DOCTYPE	DTD Specification

3. nodeValueProperty

This property will return the value of the node.

[txt=]obj.nodeValue

txt: String variable is used to store the value of the node, except for text node types. The node values of the type are all "null".

Second application

Access the specified node. In this example, the name of the specified node and the type of the node are displayed in the prompt box that pops up on the page. and the value of the node.

Three codes

<!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>

Copy after login

Fourth run will pop up the following prompt box:

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!