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

 更新时间:2015年03月30日 15:10:01   作者:欧阳不疯  
这篇文章主要介绍了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>

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

相关文章

  • JavaScript+Canvas实现简单的柱状图

    JavaScript+Canvas实现简单的柱状图

    这篇文章主要为大家详细介绍了JavaScript如何利用Canvas实现绘制简单的柱状图,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-10-10
  • JS数组求和的常用方法总结【5种方法】

    JS数组求和的常用方法总结【5种方法】

    这篇文章主要介绍了JS数组求和的常用方法,结合实例形式总结分析了5种数组求和的常见操作方法与相关处理技巧,需要的朋友可以参考下
    2019-01-01
  • 浅谈DOM的操作以及性能优化问题-重绘重排

    浅谈DOM的操作以及性能优化问题-重绘重排

    下面小编就为大家带来一篇浅谈DOM的操作以及性能优化问题-重绘重排。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • uni-app入门页面布局之window和tabbar详解

    uni-app入门页面布局之window和tabbar详解

    每个页面按照结构可以分成三部分:window page tabbar.其中window和tabbar一般比较固定,page是平常业务开展的主要载体,根据业务需求进行页面配置。下面主要讲一下window和tabbar,感兴趣的朋友跟随小编一起看看吧
    2022-11-11
  • JS实现的打字机效果完整实例

    JS实现的打字机效果完整实例

    这篇文章主要介绍了JS实现的打字机效果,结合完整实例形式分析了javascript定时触发自定义函数模拟打字输出效果的相关实现技巧,需要的朋友可以参考下
    2016-06-06
  • 微信小程序实现image组件图片自适应宽度比例显示的方法

    微信小程序实现image组件图片自适应宽度比例显示的方法

    这篇文章主要介绍了微信小程序实现image组件图片自适应宽度比例显示的方法,简单讲述了image组件的常用属性,并结合实例形式分析了微信小程序实现图片自适应宽度比例的相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • js按指定格式显示日期时间的样式代码

    js按指定格式显示日期时间的样式代码

    按指定格式显示日期时间在开发与时间相关的应用时非常有用,接下来与大家分享下格式化显示日期时间的方法,感兴趣的朋友可以参考下哈
    2013-04-04
  • layUI实现列表查询功能

    layUI实现列表查询功能

    这篇文章主要为大家详细介绍了layUI实现列表查询功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • JavaScript三大变量声明详析

    JavaScript三大变量声明详析

    这篇文章主要介绍了JavaScript三大变量声明详析,三大变量声明主要包括var、const和let,下面文章我们就围绕三者展开详细内容介绍,需要的朋友可以参考一下
    2022-06-06
  • javascript 玩转Date对象(实例讲解)

    javascript 玩转Date对象(实例讲解)

    下面小编就为大家带来一篇javascript 玩转Date对象(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论