HTML | DOM parentNode 属性

parentNode属性用于将指定节点的父节点作为 Node 对象返回。它是只读属性。

句法：

node.parentNode

返回值：该属性返回指定节点的父元素，如果当前节点没有父元素，则返回null。

例子：

  

    
      DOM parentNode Property
    

  

    
        GeeksforGeeks
    
  
    
        DOM parentNode Property
    
  
    Click me!
    
    
    
    
    
        var Text = null;
  
        // function to call on body load
        function start() {
            // creating a span element
            Text = document.createElement("span");
            Text.style.color = "green";
            Text.innerHTML = "GeeksforGeeks";
        }
  
        // check function
        function geek() {
            var container = 
                document.getElementById("container");
            // checking if parent node of Text 
            // matches with that of var container 
            if (Text.parentNode === container) {
                container.removeChild(Text);
            } else {
                container.appendChild(Text);
            }
        }
    

  

输出：
在点击按钮之前：

点击按钮后：

再次单击该按钮可隐藏文本。

支持的浏览器： parentNode 属性支持的浏览器如下：

• 谷歌浏览器 1.0
• IE浏览器
• 火狐 1.0
• 歌剧
• 苹果浏览器