哪个属性可以用来修改 HTML 元素的内容？

在本文中，我们将看到可用于修改 HTML 元素内容的属性。要修改 HTML 元素的内容，我们将使用 HTML DOM 的 innerHTML 属性。

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

句法：

它返回元素的内容。

Object.innerHTML

它用于设置元素的内容。

Object.innerHTML = value

方法：在下面的示例中，我们将创建一个 div 元素，其中包含一个 id “内容”和一个输入按钮元素。当用户点击按钮时，JavaScript函数被调用。在 JavaScript函数内部，首先使用 document.getElementById() 选择器选择 div 元素，然后使用 innerHTML 属性修改 div 元素的内容。

例子：

HTML

  

    
        Which property can be used to modify 
        the content of the HTML element?
    
  
    
        h1 {
            color: green;
        }
  
        #content {
            font-size: 20px;
        }
    

  

    
        GeeksforGeeks
  
        
            Which property can be used to modify 
            the content of HTML element?
        
  
        
            Welcome to GeeksforGeeks
        
        
  
        
    
  
    
        function myGeeks() {
        document.getElementById("content").innerHTML
            = "A computer science portal for geeks";
    }
    

  

输出：