Comment modifier innerText sur l'élément li avec JavaScript

Question

Ce code est après le chargement du navigateur. J'ai besoin de changer le li classe buddyName - "Strider" à "Aragon".

<script src="./scripts/fellowship.js"></script> 
<main> 
    <section id="Middle-Earth"> 
     <article class="the-shire">...</article> 
     <article class="rivendell"> 
      <h1>Rivendell</h1> 
      <aside> 
       <ul id="myBuddy"> 
        <li class="buddyName">Gandalf the Grey</li> 
        <li class="buddyName">Legolas</li> 
        <li class="buddyName">Gimli</li> 
        <li class="buddyName">Strider</li> 
        <li class="buddyName">Boromir</li> 
       </ul> 
      </aside> 
     </article> 
     <article class="morder">...</article> 
    </section> 
</main> 

Ce fut ma dernière tentative, mais ne fonctionne pas:

document.querySelectorAll('buddyName'[3]).innerHTML = "Aragorn"; 

Answer 1

QU'AVEC getElementsByClassName pour obtenir tous li tags. L'étape suivante consiste à sélectionner le quatrième élément du tableau et à modifier la valeur.

document.getElementsByClassName('buddyName')[3].innerHTML= "Aragorn";