数据结构
网络
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 次浏览
广告