将标题重写为：从更少信息到更多信息：自动点击展开折叠链接

Question

我正在尝试使用自动化来点击弹出窗口上的“更多详情”链接以显示更多信息，但该链接没有与之关联的任何id。 当我在Chrome控制台中检查链接时，它似乎是下面关联元素中的“href =“＃myCollapse””行。 我真的不懂js，但尝试了一些类似于document.getElementById（'#myCollapse'）。click（）;...并尝试使用id =“popup-content”的子项。

<div id="popup-content">
        <span id="overlayAddress">SCOTTISH PARLIAMENT  1 HORSE WYND OLD TOWN </span><br>
        <span id="overlayTown">EDINBURGH</span><br>
        <span id="overlayPostCode">EH99 1SP</span>
        <br>
            <a href="#myCollapse" data-bs-toggle="collapse" class="collapsed" aria-expanded="false">更多详情</a>
            <div class="collapse" id="myCollapse" style="">
             <label style="color:white;"><b>UPRN :&nbsp;</b></label><span id="overlayuprn">906423108</span><br> 
             <label style="color:white;"><b>POSTAL TOWN :&nbsp;</b></label><span id="overlayPostTown">EDINBURGH</span><br>
             <label style="color:white;"><b>CUSTODIAN :&nbsp;</b></label><span id="overlayCustodian">City of Edinburgh</span><br>
            </div>
        </div>

Answer 1

只需使用以下选择器：

document.querySelector('#popup-content a[href="#myCollapse"]').click()