HTML DOM cite用法及代码示例

HTML DOM cite 对象与 HTML <cite> 元素相关联。 <cite> 元素用于引用引用的创意作品，并且必须包含标题。它可以是绘画，书籍，电视节目，电影等。

用法

以下是语法 -

创建引用对象 -

var x = document.createElement("CITE");

示例

让我们看一个 HTML DOM 引用对象的例子 -

<!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>

输出

这将产生以下输出 -

单击 “CREATE” -

在上面的例子中，我们使用 <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> 元素与文本节点一起附加到文档正文。

相关用法

注：本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM cite object。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。