HTML | DOM innerHTML 属性

DOM innerHTML属性用于设置或返回元素的 HTML 内容。

句法：

• 它返回innerHTML 属性。

Object.innerHTML

• 它用于设置innerHTML 属性。

Object.innerHTML = value

其中value表示 HTML 元素的文本内容。
返回值：此属性返回一个字符串，表示元素的 HTML 内容。

示例 1：此示例显示如何使用 innerHTML 属性更改段落标记的内容。

html

 

    
        GeeksforGeeks
    
 
    
        DOM innerHTML Property
    
 
    GeeksforGeeks
 
    Click me!
 
    
        function geek() {
            document.getElementById("p").innerHTML =
                "A computer science portal for geeks.";
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：此示例显示如何使用 innerHTML 属性获取段落标记的值。

html

 

    
        GeeksforGeeks
    
 
    
        DOM innerHTML Property
    
    A computer science portal for geeks.
 
 
    Try it
 
    
 
 
    
        function geek() {
            var x = document.getElementById("P").innerHTML;
            document.getElementById("p").innerHTML = x;
            document.getElementById("p").style.color = "green";
        }
    

 

输出：
点击按钮前：

点击按钮后：

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

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