getElementsByClassName ne fonctionne pas

Bonjour,


https://codepen.io/nicolaspatschkowski/pen/bGdYVmJ

sur "codepen", pourquoi getElementsByClassName ne fonctionne pas alors que la ligne du dessous fonctionne ?

Code:

---

1 2 3 4 5 6 7

var newP = document.createElement('p'); document.getElementById('main').appendChild(newP); newP.innerHTML = 'Mon <stong>grand</strong> contenu'; newP.classList.add('important'); document.getElementsByClassName('important').style.color ='green'; /*newP.style.color='green';*/

---

En plus ça fonctionne bien aussi avec querySelector.

Code:

---

1 2 3 4 5 6

var newP = document.createElement('p'); document.getElementById('main').appendChild(newP); newP.innerHTML = 'Mon <stong>grand</strong> contenu'; newP.classList.add('important'); document.querySelector('.important').style.color ='green'; /*newP.style.color='green';*/

---

jour

document.getElementsByClassName fourni une nod liste des elements ayant la class precisé, l'utilisation ce fait avec une boucle afin de parcourir tous les element

voit la nodeliste comme un array

yes, merci;)