HTML | DOM 最接近() 方法

元素接口的closest()方法用于遍历HTML 文档树中的元素及其父元素，直到找到与提供的选择器字符串匹配的第一个节点。

句法：

targetElement.closest( selectors )

参数：此方法接受如上所述和如下所述的单个参数：

• 选择器：它是一个字符串，指定将用于查找节点的 HTML 选择器。

返回值：如果找到匹配的祖先，此方法返回最近的元素，否则如果找不到这样的元素，则返回null 。

示例：下面的示例通过在 HTML DOM 结构中搜索给定元素来展示最接近（）方法的用法。

HTML

  

    GeeksforGeeks

  

    
        
            Hello! it is a span
            It is paragraph
        
    
      
    
        // Get the paragraph element
        var element = document.getElementById('p');
  
        // Return the closest paragraph element
        // which is the element itself
        var close1 = element.closest("p");
        console.log(close1)
  
        // Return the closest span element 
        var close2 = element.closest("span");
        console.log(close2)
  
        // Return the closest div element
        var close3 = element.closest("div");
        console.log(close3)  
    

  

输出：

返回最接近选择器的元素。

支持的浏览器： DOM 最接近（）方法支持的浏览器如下：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果Safari
• 歌剧