html+<dfn>标签,HTML DOM DFN用法及代码示例

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

用法:

document.getElementById("ID");

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

示例1：

DOM DFN Object

DOM DFN Object

Geeksforgeeks

is a portal for geeks.

Submit

function myGeeks() {

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浏览器

Firefox

Opera

Safari