El establecerAtributo() El método se utiliza para establecer o agregar un atributo a un elemento en particular y le proporciona un valor. Si el atributo ya existe, solo establece o cambia el valor del atributo. Entonces, también podemos usar el establecerAtributo() método para actualizar el valor del atributo existente. Si el atributo correspondiente no existe, creará un nuevo atributo con el nombre y valor especificados. Este método no devuelve ningún valor. El nombre del atributo se convierte automáticamente a minúsculas cuando lo usamos en un elemento HTML.
Linux cómo cambiar el nombre de un directorio
Aunque podemos agregar el estilo atributo usando el establecerAtributo() método, pero se recomienda no utilizar este método para peinar. Para agregar estilos, podemos usar las propiedades del objeto de estilo que efectivamente cambiarán el estilo. Puede quedar claro con el siguiente código.
manera incorrecta
Se recomienda no utilizarlo para cambiar el estilo.
element.setAttribute('style', 'background-color: blue;');
manera correcta
La forma correcta de cambiar el estilo se detalla a continuación.
element.setAttribute.backgroundColor = 'blue';
Para obtener el valor de un atributo, podemos usar el obtenerAtributo() método, y para eliminar un atributo específico de un elemento, podemos usar el eliminarAtributo() método.
Si agregamos un atributo booleano como desactivado , entonces cualquiera que sea el valor que tenga, siempre se considera como verdadero . Si requerimos establecer el valor del atributo booleano en FALSO , tenemos que eliminar todo el atributo usando el eliminarAtributo() método .
Sintaxis
element.setAttribute(attributeName, attributeValue)
Los argumentos de este método no son opcionales. Ambos parámetros deben incluirse al utilizar este método. Los valores de los parámetros de este método se definen de la siguiente manera.
Valores paramétricos
Nombre del Atributo: Es el nombre del atributo que queremos agregar a un elemento. No se puede dejar vacío; es decir, no es opcional.
valor de atributo: Es el valor del atributo que estamos agregando a un elemento. Tampoco es un valor opcional.
Entendamos cómo usar establecerAtributo() método utilizando algunas ilustraciones.
Ejemplo 1
En este ejemplo, estamos agregando un href atributo con un valor de 'https://www.javatpoint.com/' hacia etiquetar con identificación = 'enlace' .
JavaScript setAttribute() method function fun() { document.getElementById('link').setAttribute('href', 'https://www.javatpoint.com/'); } <h2> It is an example of adding an attribute using the setAttribute() method. </h2> <a id="link"> javaTpoint.com </a> <p> Click the follwing button to see the effect. </p> Add attribute Pruébalo ahora Producción
Después de la ejecución del código anterior, el resultado será:
cadena a int
Podemos ver que antes de hacer clic en el botón dado, el enlace no se crea. Después de hacer clic en el botón, el resultado será:
Ahora podemos ver que el enlace está creado.
Ejemplo2
En este ejemplo, estamos actualizando el valor de un atributo existente usando el establecerAtributo() método. Aquí, estamos convirtiendo un campo de texto en un botón cambiando el valor de tipo atributo de texto a botón .
ordenación por inserción en java
Tenemos que hacer clic en el botón especificado para ver el efecto.
JavaScript setAttribute() method function fun() { document.getElementById('change').setAttribute('type', 'button'); } <h2> It is an example to update an attribute's value using the setAttribute() method. </h2> <p> Click the follwing button to see the effect. </p> Change Pruébalo ahora Producción
Después de la ejecución del código anterior, el resultado será:
Después de hacer clic en el botón, el resultado será:
Ejemplo3
Aquí, estamos agregando un atributo booleano. desactivado para desactivar el botón especificado. Si fijamos el valor de la desactivado atributo a una cadena vacía, luego se establece automáticamente en verdadero, lo que hace que el botón se deshabilite.
JavaScript setAttribute() method function fun() { document.getElementById('btn').setAttribute('disabled', ''); } <h2> Example of the setAttribute() method. </h2> <p> Click the following button to see the effect </p> Click me Pruébalo ahora Producción
Después de la ejecución del código anterior, el resultado será:
Después de hacer clic en el botón, el resultado será:
