資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時尚研究
法律研究HTML DOM blockquote 物件
HTML DOM blockquote 基本代表 HTML 元素 <blockquote>。與 <q> 標記不同，<blockquote> 元素不會新增任何引號。我們可以藉助 blockquote 物件建立和訪問 <blockquote> 屬性。
語法
以下是語法 −
建立 blockquote 物件 −
var x = document.createElement("BLOCKQUOTE");示例
讓我們看一個 blockquote 物件的示例 −
<!DOCTYPE html>
<html>
<body>
<p>Click on the below button to create a blockquote object</p>
<button onclick="createBloc()">CREATE</button>
<script>
function createBloc() {
var x = document.createElement("BLOCKQUOTE");
var t = document.createTextNode("This is a random block quote.This is some sample text.");
x.setAttribute("cite", "http://www.examplesite.com");
x.setAttribute("id", "myQuote");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
點選建立 −
在以上示例中 −
首先，我們建立了一個 CREATE 按鈕來呼叫 createBloc() 函式。
<button onclick="createBloc()">CREATE</button>
函式 createBloc() 使用文件物件的 createElement() 方法來建立一個 <blockquote> 元素。然後使用文件物件的 createTextNode() 方法，我們建立了一個包含一些文字的文字節點。使用 setAttribute() 方法，我們將一些屬性（例如 cite 和 id）新增到上面建立的 <blockquote> 元素。最後，使用 appendChild() 方法，該元素將最終作為子項附加到文件正文。
function createBloc() {
var x = document.createElement("BLOCKQUOTE");
var t = document.createTextNode("This is a random block quote.This is some sample text.");
x.setAttribute("cite", "http://www.examplesite.com");
x.setAttribute("id", "myQuote");
x.appendChild(t);
document.body.appendChild(x);
}
更新時間： 2021 年 2 月 20 日
142 次瀏覽
廣告