数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物学
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究HTML DOM 代码对象
HTML DOM 代码对象与 HTML 5 <code> 标记相关。它用于通过在 <code> 元素内部包围一段代码的方式对其进行标记。代码对象基本上表示 <code> 元素。
语法
以下是语法 −
创建代码对象 −
var a = document.createElement("CODE");示例
让我们看一个 HTML DOM 代码对象的示例 −
<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create a CODE element with some text</p>
<button onclick="createCode()">CREATE</button><br><br>
<script>
function createCode() {
var x = document.createElement("CODE");
var t = document.createTextNode("print('HELLO WORLD')");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html>输出
它将产生以下输出 −
点击 CREATE 时 −
在以上示例中 −
我们创建了一个名为 CREATE 的按钮，当用户单击该按钮时，它将执行 createCode() 方法 −
<button onclick="createCode()">CREATE</button><br><br>
createCode() 方法使用文档对象的 createElement(“CODE”) 方法创建一个 <code> 元素。创建的元素分配给变量 x。然后在文档对象上使用 createTextNode() 方法创建一个带有文本的文本节点。该文本节点使用变量 x 上的 appendChild() 方法追加到 <code> 元素的子元素中。
这个 <code> 元素及其文本节点然后使用 appendChild() 方法追加到文档正文的子元素中 −
function createCode() {
var x = document.createElement("CODE");
var t = document.createTextNode("print('HELLO WORLD')");
x.appendChild(t);
document.body.appendChild(x);
}
更新于： 2021 年 2 月 20 日
107 个浏览量
广告