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


Posted in Javascript onMarch 30, 2015

本文实例讲述了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 相关文章推荐
JS 有名函数表达式全面解析
Mar 19 Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
jquery利用event.which方法获取键盘输入值的代码
Oct 09 Javascript
侧栏跟随滚动的简单实现代码
Mar 18 Javascript
Jquery实现自定义弹窗示例
Mar 12 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
对angularJs中自定义指令replace的属性详解
Oct 09 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 #Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 #Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 #Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 #Javascript
Node.js中的流(Stream)介绍
Mar 30 #Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 #Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 #Javascript
You might like
php使用pack处理二进制文件的方法
2014/07/03 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
javascript中的有名函数和无名函数
2007/10/17 Javascript
javascript手风琴下拉菜单实现代码
2015/11/12 Javascript
javaScript如何跳出多重循环break、continue
2016/09/01 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
JavaScript实现预览本地上传图片功能完整示例
2019/03/08 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
用C++封装MySQL的API的教程
2015/05/06 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
查看python下OpenCV版本的方法
2018/08/03 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
硕士研究生自我鉴定范文
2013/12/27 职场文书
购房意向书
2014/04/01 职场文书
二年级小学生评语
2014/04/21 职场文书
《猴子种果树》教学反思
2014/04/26 职场文书
北京英语导游词
2015/02/12 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
Python实战之OpenCV实现猫脸检测
2021/06/26 Python
app场景下uniapp的扫码记录
2022/07/23 Java/Android
使用CSS实现六边形的图片效果
2022/08/05 HTML / CSS