数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会科学
时尚研究
法律研究HTML DOM Figcaption 对象
HTML DOM Figcaption 对象用于表示 HTML5 <figcaption> 元素。你可以分别使用 createElement() 和 getElementById() 方法创建或访问 figcaption 元素。
语法
以下是语法 −
创建 Figcaption 对象 −
var p = document.createElement("FIGCAPTION");示例
让我们看一个 Figcaption 对象的示例 −
<!DOCTYPE html>
<html>
<head>
<script>
function createCaption() {
var caption = document.createElement("FIGCAPTION");
var txt = document.createTextNode("Learn Java Servlets");
caption.appendChild(txt);
var f=document.getElementById("Figure1");
f.appendChild(caption);
}
</script>
</head>
<body>
<h2>Caption</h2>
<p>Create a caption for the below image by clicking the below button</p>
<button onclick="createCaption()">CREATE</button>
<figure id="Figure1">
<img src="https://tutorialspoint.com/servlets/images/servlets-mini-logo.jpg"
alt="Servlets" width="250" height="200">
</figure>
</body>
</html>输出
将产生以下输出 −
单击 CREATE 按钮 −
在上面的示例中 −
我们首先创建具有 id “Figure1” 的图元元素，并且在其中包含一个 img 元素 −
<figure id="Figure1"> <img src="EiffelTower.jpg" alt="Eiffel Tower" width="250" height="200"> </figure>
然后我们创建一个 CREATE() 按钮，该按钮将在用户单击时执行 createCaption() 方法 −
<button onclick="createCaption()">CREATE</button>
createCaption() 方法使用 document 对象的 createElement() 方法创建 figcaption 元素。使用 document 正文的 createTextNode() 方法创建文本节点并将其追加到 figcaption 元素。然后我们使用 getElementById() 方法获取图元元素，并使用 appendChild() 方法将其连同文本节点作为子元素追加到 figcaption −
function createCaption() {
var caption = document.createElement("FIGCAPTION");
var txt = document.createTextNode("Eiffel Tower in Paris,France");
caption.appendChild(txt);
var f=document.getElementById("Figure1");
f.appendChild(caption);
}
更新于： 19-Feb-2021
91 次浏览
广告