Node.js Cheat Sheet

Javascript document.getElementByid()method

The document.getElementById() method returns the element of specified id.

In the previous page, we have used document.form 1.name.value to get the value of
the input value. Instead of this, we can use document.getElementById() method to get
value of the input text. But we need to define id for the input field.

Let's see the simple example of document.getElementById() method that prints cube of
the given number.

1. <script type="text/javascript">
2. function getcube(){
3. var number=document.getElementById("number").value;
4 alert(number number number);
5.}</script>
7. <form>
8. Enter No:<input type="text" id="number" name="number"/><br/>
9. <input type="button" value="cube" onclick="getcube("/>
10.</form>

Javascript document.getElementsByName()method

1. GetElementsByName() method
2. Example of getElementsByName

The document.getElementsByName() method returns all the element of specified
name.

The syntax of the getElementsByName() method is given below:

1. document.getElementsByName("name")

Here, name is required.
Example of document.getElementsByName() method

In this example, we going to count total number of genders. Here, we are using
getElementsByName() method to get all the genders.

1. <script type="text/javascript">
2. function totalelements)
3.{
4. var allgenders document.getElementsByName("gender");
5 alert("Total Genders:"+allgenders.length);
6.}
7. </script>
8. <form>
9. Male:<input type="radio" name="gender" value="male">
10.Female: <input type="radio name="gender value="female">
11.
12. <input type="button" onclick-"totalelements()" value="Total Genders">
13.</form>