在 javascript 中獲取 div 內的值

Question

我正在嘗試獲取 div 內的值，因為有嵌套的 div 我不知道如何獲取該值。 這是一個示例，我想獲取“Pennsylvanian”並將其存儲在一個變量中。

<div id="map" onclick="mapzoom()" class="leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0">
  <div class="leaflet-pane leaflet-map-pane">
  <div class="leaflet-pane leaflet-tile-pane">
  <div class="leaflet-layer>
  <div class="leaflet-tile-container leaflet-zoom-animated">
  <div class="leaflet-popup-content" style="width: 78px;">
  <a href="https://en.wikipedia.org/wiki/Global_Boundary_Stratotype_Section_and_Point" target="_blank"> Pennsylvanian
 </a>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>

Answer 1

如果這是頁面中唯一的<a> ，您可以在querySelector和innerText的幫助下執行此操作，如下所示：

 const anchorTag = document.querySelector("a") const text = anchorTag.innerText console.log(text)

 <div id="map" onclick="mapzoom()" class="leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0"> <div class="leaflet-pane leaflet-map-pane"> <div class="leaflet-pane leaflet-tile-pane"> <div class="leaflet-layer"> <div class=" leaflet-tile-container leaflet-zoom-animated "> <div class="leaflet-popup-content " style="width: 78px; "> <a href="https://en.wikipedia.org/wiki/Global_Boundary_Stratotype_Section_and_Point " target="_blank "> Pennsylvanian </a> </div> </div> </div> </div> </div> </div>

但是，如果您有其他一些<a> ，則必須為其分配一個唯一的id並通過該id獲取其值。 然后你像以前一樣使用document.querySelector("#nameOfId")或document.getElementbyId("nameOfId")獲得元素。

 const anchorTag = document.getElementById("anchorTag") const text = anchorTag.innerText console.log(text)

 <div id="map" onclick="mapzoom()" class="leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0"> <div class="leaflet-pane leaflet-map-pane"> <div class="leaflet-pane leaflet-tile-pane"> <div class="leaflet-layer"> <div class=" leaflet-tile-container leaflet-zoom-animated "> <div class="leaflet-popup-content " style="width: 78px; "> <a id="anchorTag" href="https://en.wikipedia.org/wiki/Global_Boundary_Stratotype_Section_and_Point " target="_blank "> Pennsylvanian </a> </div> </div> </div> </div> </div> </div>