Table tr td th表格使用案例

最新推荐文章于 2024-07-17 08:30:40 发布

judyge

最新推荐文章于 2024-07-17 08:30:40 发布

阅读量4.9k

点赞数 1

分类专栏： js与前端

js与前端专栏收录该内容

863 篇文章 6 订阅

订阅专栏

caption 属性返回了表格的 caption 元素。

caption 元素定义了表格的标题。

注意： <caption> 元素定义了一个表格标题。<caption> 标签必须紧跟在 <table> 标签之后，每个表格仅能规定一个 caption。通常，caption 会位于表格之上居中的位置。

<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("myTable").caption.innerHTML);
}
</script>
</head>
<body>

<table id="myTable" border="1">
<caption>This is a table caption</caption>
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br>
<button type="button" οnclick="displayResult()">Alert table caption</button>

</body>
</html>

 
 <table width="300" border="1" cellspacing="0"> 
    <tr> 
        <th>班级</th> 
        <th>日期</th> 
        <th>标题</th> 
    </tr> 
    <tr> 
        <td>一班</td> 
        <td>2012-5-10</td> 
        <td>标题1</td> 
    </tr> 
    <tr> 
        <td>二班</td> 
        <td>2012-5-20</td> 
        <td>标题2</td> 
    </tr> 
</table>