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 閱讀量

開啟您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.