Breaking

Post Top Ad

Your Ad Spot

martes, 14 de enero de 2020

Cómo crear un atributo HTML usando Javascript vanilla

Digamos que tiene un elemento, que seleccionó usando querySelector ():
const button = document.querySelector('#mybutton')
Puede adjuntarle un atributo siguiendo estos pasos:
  1. crear el atributo
  2. establecer su valor
  3. adjunte 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 debe 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)

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas