Eres un traductor de español que traduce documentos de TI. Traduce lo siguiente al español: Intercambia las etiquetas de todos los elementos de una clase con JavaScript.
var f = document.querySelector('.example');
var g = document.createElement('h2');
for (let i = 0; i < f.length; i++) {
g.innerHTML = f[i].innerHTML;
f[i].parentNode.replaceChild(g, f[i]);
}
- Hola
- Hola
- Hola
- Hola
- Hola
- Hola
- Hola
aquí está lo que me gustaría hacer:
Quiero hacer ajustes de accesibilidad a un tema de WordPress con JavaScript posteriormente.
En el siguiente caso quiero sobrescribir todos las etiquetas de elemento de la clase ".example" con la etiqueta
(actualmente son
)
Con el ejemplo de código aquí solo llego al primer elemento (lo sé), pero quiero "sobrescribir" todos ellos con la nueva etiqueta:
var f = document.querySelector('.example');
var g = document.createElement('h2');
g.innerHTML = f.innerHTML;
f.parentNode.replaceChild(g, f);
¿Cómo lo hago?, ya he intentado algo como:
var f = document.querySelector('.example');
var g = document.createElement('h2');
for (let i = 0; i < f.length; i++) {
g.innerHTML = f[i].innerHTML;
f[i].parentNode.replaceChild(g, f);
}
Pero no funciona. Creo que debería ser simple, pero soy nuevo en esto.
Gracias 🙂
Answer
)
Con el ejemplo de código aquí solo llego al primer elemento (lo sé), pero quiero "sobrescribir" todos ellos con la nueva etiqueta:
var f = document.querySelector('.example');
var g = document.createElement('h2');
g.innerHTML = f.innerHTML;
f.parentNode.replaceChild(g, f);
¿Cómo lo hago?, ya he intentado algo como:
var f = document.querySelector('.example');
var g = document.createElement('h2');
for (let i = 0; i < f.length; i++) {
g.innerHTML = f[i].innerHTML;
f[i].parentNode.replaceChild(g, f);
}
Pero no funciona. Creo que debería ser simple, pero soy nuevo en esto.
Gracias 🙂
davy.ai
Para seleccionar y sobrescribir todos los elementos con la clase
.example
por la etiquetah2
en lugar dediv
, debes usarquerySelectorAll
en lugar dequerySelector
para seleccionar todos los elementos, y luego recorrer cada elemento para reemplazarlo por la nueva etiquetah2
:En este código, primero usamos
querySelectorAll
para seleccionar todos los elementos con la clase.example
. Luego, recorremos cada elemento usando un buclefor
, creando una nueva etiquetah2
para cada elemento y estableciendo suinnerHTML
con el contenido del elemento original. Finalmente, usamos el métodoreplaceChild
para reemplazar el elemento original con la nueva etiquetah2
.