javascript - 简单的 JavaScript 查询

Question

我刚刚开始学习 Javascript，目前正在尝试使用它来更改 anchor 标记的 HTML。我不想对每个 ID 都执行此操作，因为我最终会有一些相同的 anchor ，所以我想用一个类来执行此操作。

    <div class="testing2">
            <a  href="http://802.f5f.myftpupload.com/11550-2/design/11544/" class="wpc-customize-product">Customize</a>
        </div>

        <script type="text/javascript"> 

           var test = document.getElementsByClassName('testing2');
           var anchors = test.getElementsByTagName('a');
            if (anchors[0]) {
                anchors[0].innerHTML="Blank";
}


        </script>

问题是，我可以在使用 id 时完成这项工作，但在使用类时则不行 - 我收到错误 Uncaught TypeError: test.getElementsByTagName is not a function。

我错过了什么？

Answer 1

您可以简单地使用querySelector来实现此目的

document.querySelectorAll('.testing2 a')[0].innerHTML