Comment puis-je définir innerText et innerHtml d'un nœud html sans utiliser jQuery?

Question

En javaScript, comment puis-je définir un texte interne de noeuds html et html interne sans utiliser jQuery?

Voici ce que j'ai essayé:

function setInnerText(className, data) { 
    document.getElementsByClassName(className).innerText(data); 
} 

function setInnerHTML(className, data) { 
    document.getElementsByClassName(className).innerHTML(data); 
} 

Puis-je avoir de l'aide s'il vous plaît avec cela?

Merci.

Answer 1

getElementsByClassName renvoie une collection d'éléments. Pour régler le innerText de premier élément, utilisez

document.getElementsByClassName(className)[0].innerText(data); 

Vous pouvez également utiliser querySelector

document.querySelector('.' + className).innerText = data; 

Pour définir la innerText de tous les éléments,

var elements = document.getElementsByClassName(className); 
// var elements = document.querySelectorAll('.' + className); 

for (var i = 0, len = elements.length; i < len; i++) { 
    elements[i].innerText = data; 
}