Schreiben Sie den Titel um in: Von weniger Informationen zu mehr Informationen: Klicken Sie automatisch, um die Minimierungslinks zu erweitern

Question

Ich versuche, durch Automatisierung weitere Informationen anzuzeigen, wenn in einem Popup auf den Link „Weitere Details“ geklickt wird, aber mit dem Link ist keine ID verknüpft. Wenn ich den Link in der Chrome-Konsole überprüfe, scheint es sich um die Zeile „href="#myCollapse"" im zugehörigen Element unten zu handeln. Ich verstehe js nicht wirklich, habe aber so etwas wie document.getElementById('#myCollapse') versucht. click();...und versuchen Sie, das Kind mit id="popup-content" zu verwenden.

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