Summary of JS access to DOM object node methods

This time I will bring you a summary of the methods of accessing DOM object nodes with JS. What are the precautions for accessing DOM object nodes with JS? Here is a practical case, let’s take a look.

Introduction

Use the getElementById() method to access the node with the specified id, and use 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: String 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.

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

三号标题
加粗内容

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!

Recommended reading:

js css html to create typing animation function

Use mint-ui to create it on the mobile phone Three-level linkage

The above is the detailed content of Summary of JS access to DOM object node methods. For more information, please follow other related articles on the PHP Chinese website!