HTML DOM blockquote对象(blockquote Object)

blockquote对象代表了HTML文档中的blockquote元素

如何访问blockquote对象?

使用getElementById()访问blockquote元素。

var  x = document.getElementById("myblockquote");

如何创建blockquote对象

使用createElement()方法创建blockquote元素。

var x = document.createElement("blockquote");
blockquote对象的属性
属性 说明
cite 设置或返回blockquote元素上的cite属性的值

标准属性及事件

blockquote对象同时支持标准的属性事件

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何访问 BLOCKQUOTE元素?</h3>

<p>来自travelmen.net的一段内容:</p>

<blockquote id="myBlockquote" cite="http://travelmen.net/">

北海道位于日本的最北部,面积约为8.3万平方公里,占日本国土的五分之一。

</blockquote>

<p>点击以下按钮获取quotation元素上cite属性指定的URL</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

var x = document.getElementById("myBlockquote").cite;

document.getElementById("demo").innerHTML = x;

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何创建 BLOCKQUOTE元素?</h3>

<p>点击以下按钮获取quotation元素上cite属性指定的URL</p>

<button onclick="myFc()">按钮</button>

<p>来自travelmen.net的一段内容:</p>

<script>

function myFc() {

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

var t = document.createTextNode("北海道位于日本的最北部,面积约为8.3万平方公里,占日本国土的五分之一。");

x.setAttribute("cite", "http://travelmen.net");

x.appendChild(t);

document.body.appendChild(x);

}

</script>

</body>

</html>

关联内容