HTML DOM Blockquote 对象

HTML 对象

在 web 前端开发中，HTML 对象是指在 HTML 文档中定义的各种元素，这些元素可以通过 JavaScript 来操作和控制。其中，<blockquote> 元素用于表示长的引用内容，通常会以缩进的形式显示在页面上。

创建 <blockquote> 元素

要在 JavaScript 中创建一个 <blockquote> 元素，可以使用 document.createElement() 方法来动态生成该元素，并将其添加到页面中的指定位置。

// 创建 <blockquote> 元素
var blockquote = document.createElement('blockquote');

// 设置引用内容
blockquote.textContent = '这是一段引用内容。';

// 将 <blockquote> 元素添加到页面中
document.body.appendChild(blockquote);

修改 <blockquote> 元素样式

可以通过 JavaScript 来修改 <blockquote> 元素的样式，比如改变字体颜色、背景色、边框等。

// 获取 <blockquote> 元素
var blockquote = document.querySelector('blockquote');

// 修改样式
blockquote.style.color = 'red';
blockquote.style.backgroundColor = 'lightgrey';
blockquote.style.border = '1px solid black';

获取 <blockquote> 元素内容

要获取 <blockquote> 元素的内容，可以使用 textContent 属性或 innerHTML 属性。

// 获取 <blockquote> 元素
var blockquote = document.querySelector('blockquote');

// 获取元素内容
var content = blockquote.textContent;
console.log(content);

以上是关于 <blockquote> 元素在 JavaScript 中的基本操作，通过掌握这些操作，可以更灵活地控制页面中的引用内容。