HTML | DOM DFN 对象

DOM DFN 对象用于表示 HTML 标签。 DFN 元素由 getElementById() 访问。

句法：

document.getElementById("ID");

其中“id”是分配给“dfn”标签的ID。

示例 1：

  

    DOM DFN Object

  

    DOM DFN Object
    
       
       Geeksforgeeks
       is a portal for geeks.
    
    Submit
    
        function myGeeks() {
            <!-- accessing dfn -->
            var gfg = document.getElementById("GFG");
            gfg.style.color = "coral";
            gfg.style.fontSize = "20px";
        }
    

  
           

输出：

单击按钮之前：

点击按钮后：

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

  

    DOM DFN Object

  

    
      DOM DFN Object
    
    
    It is a portal for geeks.
    
      Submit
    
  
    
        function myGeeks() {
            var gfg = document.createElement("DFN");
            var f = document.createTextNode("GeeksForGeeks");
            gfg.appendChild(f);
            document.body.appendChild(gfg);
        }
    

  

输出 ：

单击按钮之前：

点击按钮后：

支持的浏览器： DOM DFN Object支持的浏览器如下所示。

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