JS实现控制表格单元格垂直对齐的方法,JS实现控制表格内指定单元格内容对齐的方法

本文实例讲述了JS实现控制表格内指定单元格内容对齐的方法,下面的代码控制表格单元格的内容向右对齐,下面的代码控制指定的单元格靠底部垂直对齐,本文实例讲述了JS实现控制表格单元格垂直对齐的方法

本文实例讲述了JS实现控制表格内指定单元格内容对齐的方法。分享给大家供大家参考。具体如下:

本文实例讲述了JS实现控制表格单元格垂直对齐的方法。分享给大家供大家参考。具体如下:

下面的代码控制表格单元格的内容向右对齐

下面的代码控制指定的单元格靠底部垂直对齐

<!DOCTYPE html>
<html>
<head>
<script>
function alignCell()
{
document.getElementById('td1').align="right";
}
</script>
</head>
<body>
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td id="td1">Peter</td>
<td id="td2">Griffin</td>
</tr>
</table>
<br>
<input type="button" onclick="alignCell()" value="Align cell" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script>
function valignCell()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].vAlign="bottom";
}
</script>
</head>
<body>
<table id="myTable" border="1" height="70%">
<tr>
<td>First cell</td>
<td>Second cell</td>
</tr>
<tr>
<td>Third cell</td>
<td>Fourth cell</td>
</tr>
</table>
<form>
<input type="button" onclick="valignCell()"
value="Vertical align cell content">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • JS获取单击按钮单元格所在行的信息
  • js获取单元格自定义属性值的代码(IE/Firefox)
  • JS实现向表格行添加新单元格的方法
  • JS实现控制表格单元格垂直对齐的方法
  • js生成动态表格并为每个单元格添加单击事件的方法
  • JS获取表格内指定单元格html内容的方法

您可能感兴趣的文章:

  • JS获取单击按钮单元格所在行的信息
  • js获取单元格自定义属性值的代码(IE/Firefox)
  • JS实现向表格行添加新单元格的方法
  • JS实现控制表格内指定单元格内容对齐的方法
  • js生成动态表格并为每个单元格添加单击事件的方法
  • JS获取表格内指定单元格html内容的方法