display：table-cell设置为table的直接子元素。
这样就可以出来表格的效果
verticle-algin:top left right bottom
table布局的特点：无论列有多小有多少，总是会在一行上，所有的列的高度都是一样的
下面的代码先通过表格对象的rows获得指定的行的所有单元格数组，然后定位指定的单元格，通过单元格的innerHTML属性获得单元格的html内容
<!DOCTYPE html><html>
<head>
<script>
function cell()
{
var x=document.getElementById('myTable').rows[0].cells
alert(x[0].innerHTML)
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<input type="button" onclick="cell()"
value="Alert first cell">
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）