如何将数据附加到<div>使用 JavaScript 的元素？

如何使用 JavaScript 将数据附加到

元素？

要将数据附加到

元素，我们必须使用 DOM（文档对象模型）操作技术。方法是在 HTML 骨架中创建一个带有 id 的空

。然后该 id 将用于获取该

，然后我们将操纵该 div 的内部文本。

句法：

document.getElementById("div_name").innerText += "Your Data Here";

例子：

 
 
  
 
    
        How to append data to
        div using JavaScript ?
     
      
     
      
     
      
    
  
 
  
 
     
         
            GeeksforGeeks 
         
          
        
          
         
             
                Enter Your Name: 
                 
            
              
             
                 
                    Add Name 
                 
             
         
          
        List of Names:
        
     
      
    
        function append_to_div(div_name, data){
            document.getElementById(div_name).innerText += data;
        }
          
        document.getElementById("my_button")
                .addEventListener('click', function() {
              
            var user_name = document.getElementById("name");
            var value = user_name.value.trim();
              
            if(!value)
                alert("Name Cannot be empty!");
            else
                append_to_div("my_div", value+"\n");
              
            user_name.value = "";
        });
    
      
 
  

输出：

• 添加数据之前：
  
• 添加数据后：