var res = document.querySelectorAll("#a,#b,#c,#d") res[0].innerHTML = "apple" res[1].innerHTML = "bananna" res[2].innerHTML = "orange" res[3].innerHTML = "lemon" <p id="a"></p> <p id="b"></p> <p id="c"></p> <p id="d"></p>Esto está funcionando bien, pero quiero poder usar algo como esto:
var res = document.querySelectorAll("#a,#b,#c,#d")[i].innerHTML = {"apple","bananna","orange","lemon"}Usa un bucle simple. Te recomendaré encarecidamente que revises un tutorial simple de JS para que disfrutes de la codificación.
const elements = document.querySelectorAll("#a,#b,#c,#d") for (let i = 0; i < elements.length; i++) { elements[i].innerHTML = `text${i + 1}` }En lo que respecta a los datos, necesita como mínimo una forma de elegir un objetivo, una parte del contenido para ese objetivo y una forma de vincular el objetivo y el contenido. Una forma en que esto podría hacerse es:
const data = [ ['#a', 'apple'], ['#b', 'banana'], ['#c', 'orange'], ['#d', 'lemon'], ];Ahora que tiene todos los datos necesarios y sus asociaciones, hacer uso de ellos podría verse así:
data.forEach(([target, content]) => { const element = document.querySelector(target); if(element) element.innerHTML = content; });Referencia: