將標題重寫為：從更少資訊到更多資訊：自動點擊展開折疊鏈接

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