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

2024-05-06 16:17:48

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS实现控制表格内指定单元格内容对齐的方法,涉及javascript操作表格单元格内容样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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>