Este método createAttribute() se utiliza para crear un atributo con el nombre especificado y devuelve el objeto de atributo. La propiedad atributo.valor se usa para establecer el valor del atributo y el método element.setAttribute() se usa para crear un nuevo atributo para un elemento. Este método() contiene el nombre del atributo creado como valores de parámetro.
Sintaxis:
document.createAttribute( attributename )
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM createAttribute Method</title>
<style>
.gfg {
color: green;
font-weight:bold;
font-size:50px;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM createAttribute() Method</h2>
<button onclick="geeks()">Submit</button>
<script>
function geeks() {
var tag_name =
document.getElementsByTagName("h1")[0];
var attr =
document.createAttribute("class");
attr.value = "gfg";
tag_name.setAttributeNode(attr);
}
</script>
</body>
</html>
Producción:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM createAttribute() Method</h2>
<a id="gfg">Visit GeeksForGeeks...</a><br><br>
<button onclick="geeks()">Submit</button>
<script>
function geeks() {
var id= document.getElementById("gfg");
var new_attr = document.createAttribute("href");
new_attr.value = "#";
id.setAttributeNode(new_attr);
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el método DOM createAttribute() se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 6
- Firefox 44
- Ópera 12.1
- Safari 1
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA