JS实现为表格动态添加标题的方法

2024-05-06 16:17:54

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS实现为表格动态添加标题的方法,涉及javascript中createCaption方法添加标题的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现为表格动态添加标题的方法。分享给大家供大家参考。具体如下：

JS中的表格对象带有一个createCaption方法用于为表格创建标题caption

<!DOCTYPE html>

<html>

<head>

<script>

function createCaption()

{

var x=document.getElementById('myTable').createCaption();

x.innerHTML="My table caption";

}

</script>

</head>

<body>

<table id="myTable" border="1">

<tr>

<td>Row1 cell1</td>

<td>Row1 cell2</td>

</tr>

<tr>

<td>Row2 cell1</td>

<td>Row2 cell2</td>

</tr>

</table>

<br>

<input type="button" onclick="createCaption()"

value="Create caption">

</body>

</html>