Đối tượng HTML DOM Caption được liên kết với phần tử HTML
Thuộc tính
Lưu ý :Thuộc tính dưới đây không được hỗ trợ trong HTML5.
Sau đây là thuộc tính Đối tượng phụ đề DOM HTML -
| Thuộc tính | Mô tả |
|---|---|
| Căn chỉnh | Để đặt hoặc trả lại căn chỉnh phụ đề. |
Cú pháp
Sau đây là cú pháp cho -
Tạo đối tượng chú thích -
var x = document.createElement("CAPTION"); Ví dụ
Hãy để chúng tôi xem một ví dụ cho đối tượng Phụ đề DOM HTML -
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px double black;
margin-top: 14px;
}
</style>
</head>
<body>
<p>Click the button below to create the caption for the table.</p>
<button onclick="createCaption()">CREATE</button>
<table id="SampleTable">
<tr>
<td colspan="2" rowpan="2">TABLE</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
</table>
<script>
function createCaption() {
var x = document.createElement("CAPTION");
var t = document.createTextNode("TABLE CAPTION");
x.appendChild(t);
var table = document.getElementById("SampleTable")
table.insertBefore(x, table.childNodes[0]);
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút TẠO -
Trong ví dụ trên -
Đầu tiên, chúng tôi đã tạo một nút CREATE để thực thi phương thức createCaption () khi nhấp vào -
<button onclick="createCaption()">CREATE</button>
Phương thức createCaption () tạo một phần tử chú thích bằng cách sử dụng phương thức createElement () của đối tượng tài liệu và gán nó cho biến x. Sau đó, nó tạo một nút văn bản với văn bản "TABLE CAPTION". Sau đó, chúng tôi nối nút văn bản vào phần tử.
Cuối cùng, chúng ta nhận được phần tử