Dado un documento HTML que contiene algunos elementos, la tarea es agregar los atributos a los elementos HTML.
Enfoque: dado un documento HTML que contiene los elementos <label>, <input> y <button> . El elemento <input> contiene el tipo y el atributo id. Cuando el usuario hace clic en el botón, se llama a la función jQuery. Usamos el método $(selector).attr() para agregar los atributos. Aquí, estamos agregando el atributo de marcador de posición al campo de entrada.
Sintaxis:
$("#add-attr").click(function () {
$("#addAttr").attr("placeholder", "GeeksforGeeks");
});
Ejemplo:
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://code.jquery.com/jquery-3.5.1.min.js">
</script>
<script>
$(document).ready(function () {
$("#add-attr").click(function () {
$("#addAttr").attr("placeholder", "GeeksforGeeks");
});
});
</script>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h4>
How to add attributes to an HTML element in jQuery?
</h4>
<label for="addAttr"></label>
<input type="text" id="addAttr">
<button id="add-attr">Add Placeholder Attribute</button>
</body>
</html>
Producción:
