数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM DFN 对象
HTML DOM DFN 对象与 HTML <dfn> 元素相关联。<dfn> 元素内的文本是周围上下文中正在定义的文本。DFN 对象表示 <dfn> 元素。
语法
以下是语法 −
创建 DFN 对象 −
var p = document.createElement("DFN");示例
让我们看一个 HTML DOM DFN 对象的示例 −
<!DOCTYPE html>
<html>
<body>
<h2>DFN object example</h2>
<p>Click the below button to create a dfn element with some text inside it.</p>
<button onclick="dfnCreate()">CREATE</button> <br><br>
<script>
function dfnCreate() {
var x = document.createElement("DFN");
var t = document.createTextNode("The defination element");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html>输出
这将产生以下输出 -
点击 CREATE 按钮 −
我们首先创建了一个 CREATE 按钮，当用户单击时，它将执行 dfnCreate() 函数 −
<button onclick="dfnCreate()">CREATE</button>
dfnCreate() 方法使用文档对象的 createElement() 方法来创建一个 <dfn> 元素。然后使用 createTextNode() 方法创建一个文本节点。然后将文本节点追加为 <dfn> 元素的子项。最后，使用 appendChild() 方法将 <dfn> 元素和文本节点追加为文档正文的子项 −
function dfnCreate() {
var x = document.createElement("DFN");
var t = document.createTextNode("The definition element");
x.appendChild(t);
document.body.appendChild(x);
}
更新时间： 2021-02-15
54 人次浏览
广告