Input Button name Property - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Input Button

  1. HOME
  2. Javascript
  3. DOM HTML Element
  4. Input Button

Description

The name property sets or gets the name attribute of an input button.

Set the name property with the following Values

Value Description
name Sets the name of the button

Return Value

A String, representing the name of the input button

The following code shows how to get the name of a button:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<input type="button" id="myBtn" name="myname" value="My Button">

<button onclick="display()">Display name</button>
<button onclick="change()">Change name</button>

<script>
function display() {
    var x = document.getElementById("myBtn").name;
    console.log("The name of the input button is: " + x);
}

function change() {/*from  w  w  w .j a va 2 s  .c  o  m*/
    var x = document.getElementById("myBtn").name = "newButtonName";
    console.log("The name was changed to: " + x);
}
</script>

</body>
</html>

Related Tutorials