JS实现控制表格行文本对齐的方法

2024-05-06 16:17:49

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS实现控制表格行文本对齐的方法,涉及javascript操作表格样式的相关技巧,需要的朋友可以参考下

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

下面的JS代码可以控制表格内的整行文本向左或者向右对齐

<!DOCTYPE html>

<html>

<head>

<script>

function leftAlign()

{

document.getElementById('header').align="left";

}

</script>

</head>

<body>

<table width="100%" border="1">

<tr id="header">

<th>Firstname</th>

<th>Lastname</th>

</tr>

<tr>

<td>Peter</td>

<td>Griffin</td>

</tr>

</table>

<br>

<input type="button" onclick="leftAlign()" value="Left-align table row"/>

<p><b>Note:</b> This example does not work in Internet Explorer.</p>

</body>

</html>