Shulou(Shulou.com)06/03 Report--

This article mainly explains "JavaScript how to get HTML elements", the content of the article is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "JavaScript how to get HTML elements" bar!

Acquisition methods: 1, using document's getElementById () method; 2, using document's getElementByClassName () method; 3, using document's getElementByName () method.

The operating environment of this tutorial: windows7 system, javascript1.8.5 version, Dell G3 computer.

JavaScript gets the HTML element

The getElementById () method of document

A tag / / document refers to the current file, get is obtained, Element is the element, and ById is to get the element var element = document.getElementById ("id") in the current file through id;, that is, through the id value; console.log (element)

Results:

The getElementByClassName () method of document:

A label a label 2 / / ByClassName is passed through the Class value That is, to get the elements in the current file through the class value, because there may be more than one, the result is an array var element = document.getElementsByClassName ("first") [0]; / / only the first console.log (element) is obtained here; var element2 = document.getElementsByTagName ("a") [1]; / / only the second console.log (element2) is obtained here

Results:

The getElementByName () method of document:

Male and female / / ByName is through the name value; that is, through the name value to get the elements in the current file, because there may be more than one, the result is an array var element = document.getElementsByName ("gender"); console.log (element [0]); console.log (element [1])

Results:

Thank you for your reading, the above is the content of "JavaScript how to get HTML elements". After the study of this article, I believe you have a deeper understanding of how JavaScript obtains HTML elements, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.