HTML | DOM 段落对象

DOM 段落对象用于表示 HTML

元素。 p 元素由getElementById()访问。

句法：

document.getElementById("id"); 

其中“id”是分配给p标签的 ID。
下面的程序说明了p对象：

示例 1：在下面的程序中，段落元素被分配了 id = “s”。单击按钮时，将访问段落元素并更改段落文本的颜色。

html

    
        
          GeeksForGeeks
        
        DOM paragraph Object
 
        Click Here
 
        A computer science 
        portal for geeks.
 
         
        
        function Geeks() {
          var txt = document.getElementById("s");
          txt.style.color = "green";
        }
        

输出：
点击按钮前：

点击按钮后：

示例 2：可以使用 document.createElement方法创建段落对象。在下面的程序中，我们创建一个段落元素并向其附加一个文本节点。

html

        
          GeeksForGeeks
        
 
        DOM paragraph Object
 
        Click Here!
 
        
 
        
        function Geeks() {
          var txt = document.createElement("P");
 
          var t = document.createTextNode("A computer
                               science portal for geeks.");
 
          txt.appendChild(t);
 
          document.getElementById("p").appendChild(txt);
        }
        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧