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 相关文章推荐
取选中的radio的值
Jan 11 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
Mar 05 Javascript
js 连接数据库如何操作数据库中的数据
Nov 23 Javascript
JS定时刷新页面及跳转页面的方法
Jul 04 Javascript
php读取sqlite数据库入门实例代码
Jun 25 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
Sep 21 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
JS随机密码生成算法
Sep 23 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
PHP5中MVC结构学习
2006/10/09 PHP
一道求$b相对于$a的相对路径的php代码
2010/08/08 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
基于jquery的不规则矩形的排列实现代码
2012/04/16 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
jQuery操作css样式
2017/05/15 jQuery
BootStrap 动态表单效果
2017/06/02 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
Python PyQt5标准对话框用法示例
2017/08/23 Python
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
银河香水:Galaxy Perfume
2019/03/25 全球购物
生产主管岗位职责
2013/11/10 职场文书
工作自荐信
2013/12/11 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
个人催款函范文
2015/06/23 职场文书