Definition and usage
The getElementsByName() method returns a collection of objects with the specified name.
Syntax (name)
This method is similar to the getElementById() method, but it querys the element's name attribute instead of the id attribute.
Also, because the name attribute in a document may not be unique (such as radio buttons in HTML forms usually have the same name attribute), all getElementsByName() methods return an array of elements, not one element.
Example
<html>
<head>
<script type="text/javascript">
function getElements() {
var x=("myInput");
alert();
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br /><br />
<input type="button" onclick="getElements()"value="How many elements named 'myInput'?" />
</body>
</html>
getElementById, it can only be used by the document object, and it returns the first element of the array. Haha, its method name is written as getElement instead of getElements, so don't mess it up. getElementsByName returns a collection of all elements with the name specified value.
"Get the set of objects based on the value of the NAME tag attribute." The set is much looser than the array. The type of each child in the set can be different. The set just puts certain elements together as a class. In contrast, the array is much stricter, and each child is of a unified type. , , the results obtained by this type of method are sets, used for data transfer during batch updates.
The getElementsByName() method returns a collection of objects with the specified name.
Syntax (name)
This method is similar to the getElementById() method, but it querys the element's name attribute instead of the id attribute.
Also, because the name attribute in a document may not be unique (such as radio buttons in HTML forms usually have the same name attribute), all getElementsByName() methods return an array of elements, not one element.
Example
Copy the codeThe code is as follows:
<html>
<head>
<script type="text/javascript">
function getElements() {
var x=("myInput");
alert();
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br /><br />
<input type="button" onclick="getElements()"value="How many elements named 'myInput'?" />
</body>
</html>
getElementById, it can only be used by the document object, and it returns the first element of the array. Haha, its method name is written as getElement instead of getElements, so don't mess it up. getElementsByName returns a collection of all elements with the name specified value.
"Get the set of objects based on the value of the NAME tag attribute." The set is much looser than the array. The type of each child in the set can be different. The set just puts certain elements together as a class. In contrast, the array is much stricter, and each child is of a unified type. , , the results obtained by this type of method are sets, used for data transfer during batch updates.