数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时装研究
法律研究HTML DOM cite 对象
HTML DOM cite 对象与 HTML<cite> 元素相关联。<cite>元素用于引用引用的创意作品，且必须包含标题。它可以是绘画、书籍、电视节目、电影等。
语法
以下是语法 −
创建 cite 对象 −
var x = document.createElement("CITE");示例
让我们看一个 HTML DOM cite 对象的示例 −
<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create a CITE element.</p>
<button onclick="createCite()">CREATE</button><br><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-
_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-
_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night">
<script>
function createCite() {
var x = document.createElement("CITE");
var t = document.createTextNode("The Starry night.");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html>输出
将生成以下输出 −
点击“创建”−
在上面的示例中，我们使用 <img> 标记插入了一张图片 −
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night">
然后我们创建了一个 CREATE 按钮来执行 createCite() 方法 −
<button onclick="createCite()">CREATE</button>
createCite() 方法创建一个 <cite> 元素并将其分配给变量 x。创建一个包含一些文本的文本节点并将其分配给变量 t。然后使用变量 x 上的 appendChild() 方法将文本节点追加到 <cite> 元素。然后使用文档主体上的 appendChild() 方法将 <cite> 元素和文本节点一同追加到文档主体。
更新日期：2021 年 2 月 20 日
98 阅读量
广告