La propiedad de nombre del botón DOM se utiliza para establecer o devolver el valor de un atributo de nombre de un elemento de botón. El atributo de nombre se usa para especificar el nombre del botón y se usa para hacer referencia a los datos del formulario cuando el usuario los ha enviado. También se refiere al elemento en javascript.
Sintaxis:
- Se utiliza para devolver la propiedad de nombre.
buttonObject.name
- Se utiliza para establecer la propiedad de nombre.
buttonObject.name = name
Valores de propiedad
- name: Especifica el nombre del Botón.
Valor devuelto Devuelve un valor de string que representa el nombre del Botón.
Ejemplo-1: Este programa ilustra cómo devolver el nombre Propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>DOM button name Property</title>
</head>
<body style="text-align:center">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM button name Property
</h2>
<button id="btn" name="myGeeks" onclick="geek()">
Click me!</button>
<p id="g" style="font-size:25px;color:green;"></p>
<script>
function geek() {
// Return name value.
var x = document.getElementById("btn").name;
document.getElementById("g").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Este programa ilustra cómo mostrar y cambiar el nombre Propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>DOM button name Property</title>
</head>
<body style="text-align:center">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM button name Property
</h2>
<body>
<button id="GFG" name="myuser">My Button
</button>
<b>
<p>
Click the buttons below to display and/or
change the value of the name attribute
of the button above.
</p>
</b>
<button onclick="display()">
Display name
</button>
<button onclick="change()">
Change name
</button>
<script>
function display() {
var x = document.getElementById("GFG").name;
alert("The name of the button is: " + x);
}
function change() {
// Set button name value.
var x = document.getElementById("GFG").name =
"GeeksForGeeks";
alert ("The name was changed to: " + x);
}
</script>
</body>
</html>
Producción:
Inicialmente:
Antes de hacer clic en el botón Mostrar:
Después de hacer clic en el botón Cambiar:
Navegadores compatibles: los navegadores compatibles con la propiedad de nombre del botón DOM se enumeran a continuación:
- Google Chrome
- Borde 12 y superior
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA