Get element by name: getElementsByName() : Document « Development « JavaScript DHTML





Get element by name: getElementsByName()

<html>

<head>
<script type="text/javascript">
    
    function getElements(){
        var x=document.getElementsByName("myInput")
        alert(x.length + " elements!")
    }
    
</script>
</head>
<body>

<form >

    <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 name="mybutton" type="button" onclick="getElements()" 
            value="Show how many elements named 'myInput'">
</form>
</body>

</html>



           
       










Related examples in the same category

1.Output HTML in JavaScript
2.Output
with Javascript
3.Display info in a new page
4.Recursively reverse all nodes beneath Node n, and reverse Text nodes
5.Reverse the order of the children of Node (document)
6.Open a new document and add some text
7.Get a specified element using getElementById()
8.Title of a document
9.Referrer of a document (URL of the document)
10.Hide Email Address
11.Convert space to URL encode
12.document last Modified Property in Another Format
13.Checking document referrer
14.Make button (control) visible or invisible
15.Opening a New URL
16. HTML Page with Immediate Script Statements
17.Using document.write() on the Current Window
18.Using document.write() on Another Window
19.Methods and Properties of the Document Object