HTML | DOM 预对象

DOM Pre Object用于表示 HTML

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

特性：

 width：用于设置或返回pre元素的width属性值。

句法： 

document.getElementById("ID");

其中“id”是分配给“pre”标签的ID。
示例 1：




  

    DOM pre Object

  

    
        GeeksForGeeks
        DOM pre Object
          
        
         
            GeeksforGeeks 
            A Computer Science Portal For Geeks 
        
        
        
          Submit
        
  
        
            function myGeeks() {
                
                //  Accessing pre tag.
                var g = document.getElementById("GFG");
                g.style.color = "blue";
                g.style.fontSize = "15px";
            }
        
  

  

输出：
点击按钮前： 

点击按钮后： 

示例 2：可以使用 document.createElement 方法创建 Pre 对象。 

  

    DOM pre Object

  

    
        GeeksForGeeks
        DOM pre Object
        Submit
  
      
              
          function myGeeks() {
              
              //  Creating 'pre' object. 
              var g = document.createElement("PRE");
                 
              var f = 
                 document.createTextNode("GeeksForGeeks" 
                 +"A Computer Science Portal For Geeks.");
                g.appendChild(f);
                document.body.appendChild(g);
            }
        
  

  
       

输出：
点击按钮前： 

点击按钮后： 

支持的浏览器： DOM Pre Object支持的浏览器如下：

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