Cómo crear un atributo HTML usando Javascript simple

 

 

 

Como crear un atributo html usando javascript simple 1

¿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:

  1. crear el atributo
  2. Establece tu valor
  3. 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:

  1. Cómo generar un número aleatorio entre dos números en JavaScript
  2. Cómo esperar el evento DOM listo en JavaScript simple
  3. Cómo determinar si una fecha es hoy en JavaScript
  4. 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

 

Como crear un atributo html usando javascript simple 1
Como crear un atributo html usando javascript simple 1

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

 

 

Update cookies preferences