¿Qué sucede si tienes que agregar un atributo a un elemento HTML en el DOM, usando JavaScript estándar?
Digamos que tienes un elemento que seleccionaste usando querySelector():
const button = document.querySelector('#mybutton')
Puedes adjuntarle un atributo siguiendo estos pasos:
- crear el atributo
- Establece tu valor
- adjuntar el atributo al elemento
Ejemplo:
const attribute = document.createAttribute('id')attribute.value = `remove-${item.name}`button.setAttributeNode(attribute)
Si el elemento aún no existe, primero debes crearlo, luego crear el atributo, luego agregar el atributo al elemento y finalmente agregar el elemento al DOM:
const button = document.createElement('button')const attribute = document.createAttribute('id')attribute.value = `some-value`button.setAttributeNode(attribute)button.textContent = 'Click me'document.querySelector('.container').appendChild(button)
Tal vez te puede interesar:
- Cómo generar un número aleatorio entre dos números en JavaScript
- Cómo esperar el evento DOM listo en JavaScript simple
- Cómo determinar si una fecha es hoy en JavaScript
- Cómo contar el número de propiedades en un objeto JavaScript
Cómo crear un atributo HTML usando Javascript simple
¿Qué sucede si tienes que agregar un atributo a un elemento HTML en el DOM, usando JavaScript estándar?
programar
es
https://aprendeprogramando.es/static/images/programar-como-crear-un-atributo-html-usando-javascript-simple-2134-0.jpg
2024-10-15
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente