What are the ways to get elements in JavaScript?-JS Tutorial-php.cn

The methods of getting elements in JavaScript are: 1. Get elements based on id; 2. Get elements based on tag names; 3. Get elements based on the value of the name attribute; 4. Get elements based on the name of the class style; 5. , Get elements based on the selector.

What are the ways to get elements in JavaScript?

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

1. Get the element based on the id

document.getElementById("value of the id attribute");

2. Get the element based on the tag name

document .getElementsByTagName("The name of the tag");

3. Get the element based on the value of the name attribute

document.getElementsByName("The value of the name attribute");

4 .Get elements based on the name of the class style

document.getElementsByClassName("Name of the class style");

5.Get elements based on the selector

1.document.querySelector ("selector");

2.document.querySelectorAll("selector");

1. Get elements based on id

document.getElementById("id attribute The value of .getElementsByTagName("name of tag");

The return value is a pseudo array

Case: Click the button to change the text content of multiple p tags

Copy after login

3.According to Get the value of the name attribute of the element

document.getElementsByName("the value of the name attribute");

The return value is a pseudo array

Case:Case:Click the button to change The value attribute value in all text boxes whose name attribute value is name1

哈哈,我又变帅了

Copy after login

4. Get elements based on the name of the class style

document.getElementsByClassName("Name of the class style") ;

The return value is a pseudo array

Case: Modify the values of all text boxes

Copy after login

5. Get elements based on the selector

1.document.querySelector( "Selector");

The return value is an element object

Case: Click the button pop-up box

Copy after login

2.document.querySelectorAll("Selector");

The return value is a pseudo array

Case: modify the values of all text boxes

Copy after login

[Recommended learning:

javascript advanced tutorial

]

The above is the detailed content of What are the ways to get elements in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!