HTML | DOM 外层 HTML 属性

DOM 接口的outerHTML属性给出了该元素的 HTML 片段。它不仅提供内容，还提供元素的整个 HTML 结构。它还可以用于替换元素的 HTML 结构。

句法：

• 返回outerHTML。

  var value = element.outerHTML;

• 设置outerHTML。

  element.outerHTML = "HTML_Structure";

返回值：获取outerHTML时，返回HTML String数据。

示例 1：此示例显示如何获取 id= “gfg”元素的外层 HTML。

HTML

  

    GeeksforGeeks

  

    
        GeeksforGeeks
  
        Welcome geeks!
    
      
    
        var g = document.getElementById("gfg");
        document.write(g.outerHTML);
    

  

输出：

可以在输出中看到元素的外层HTML：

示例 2：此示例显示如何设置或更改外层 HTML。

HTML

  

    GeeksforGeeks

  

    GeeksforGeeks
    
        Click on Button to change
        the outerHTML.
    
    
    click
    
        function changeouter() {
            var gfg = document.getElementById("d");
            gfg.outerHTML = 
            "<h3>Hey Geeks! outerHTML is changed</h3>";
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：