El método setAttributeNode() en HTML DOM se usa para agregar el Node de atributo especificado a un elemento. Si el atributo especificado ya está presente, este método lo reemplaza.
Sintaxis:
element.setAttributeNode(name)
Parámetro: Solo se acepta un parámetro nombre . Donde nombre es el Node de atributo que se agregará. Es el campo requerido.
Valor devuelto: este método devuelve un objeto de atributo que representa el Node de atributo reemplazado; de lo contrario, devuelve un valor nulo.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM setAttributeNode Method
</title>
<style>
.gfg {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM setAttributeNode Method
</h2>
<p id="p">
A computer science portal for geeks.
</p>
<button onclick="Geeks()">
Click Here!
</button>
<script>
function Geeks() {
//Get the paragraph to add attribute.
var doc = document.getElementById("p");
//Creating a class attribute.
var attr = document.createAttribute("class");
//Setting the value of class attribute.
attr.value = "gfg";
//Adding class attribute to paragraph.
doc.setAttributeNode(attr);
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método setAttributeNode() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA