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!

outbrain

Páginas