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

Question

此代码在加载浏览器之后。我需要更改li班buddyName - ＆＃34; Strider＆＃34;到＆＃34;阿拉贡＆＃34;。

<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>

这是我最近的尝试，但没有奏效：

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

Answer 1

您可以使用getElementsByClassName获取所有li代码。下一步是选择数组的第四个元素并更改值。

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