如何使用JavaScript更改li元素上的innerText

此代码是在浏览器加载后生成的。我需要把李班的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>

您将使用GetElementsByCassName获取所有li标记。下一步是选择数组的第四个元素并更改值

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

---

document.querySelectorAll.buddyName'[3]不发布文本的屏幕截图。

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