我如何 select 與 JavaScript 最接近的 HTML5 元素？

Question

我們正在將分析集成到應用程序中，並希望獲取元素的location 。 在這種情況下，沒有給出位置的好 div，所以我們試圖抓取最近的元素。

這可以使用.closest嗎？ 我可以傳遞一個標簽數組['header', 'article', section] ，並選擇單擊元素附近的最近元素嗎？

 var tabs = Array.from(document.querySelectorAll('.details')); function handleTabClick(e) { var tabNode = e.target; tabLabel = tabNode.innerText; }; tabs.forEach(function(tab) { tab.addEventListener('click', handleTabClick); });

Answer 1

我將從最近的 STATIC html 容器或文檔中委托

document.addEventListener("click",function(e) {  
  const tgt = e.target;
  if (tgt.tagName==="SECTION" || tgt.closest("section")....) {
   // handle section
  }
  else if (tgt.tagName==="ARTICLE" || tgt.closest("article")....) {) {
   // handle article
  }
})