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 相关文章推荐
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
24款非常有用的 jQuery 插件分享
Apr 06 Javascript
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
Feb 22 Javascript
JavaScript 变量、作用域及内存
Apr 08 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
JavaScript中的&quot;=、==、===&quot;区别讲解
Jan 22 Javascript
解决layui 三级联动下拉框更新时回显的问题
Sep 03 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 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计算指定目录下文件占用空间的方法
2015/03/13 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
PHP模糊查询技术实例分析【附源码下载】
2019/03/07 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
2019/10/17 PHP
使用JavaScript动态设置样式实现代码及演示动画
2013/01/25 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
利用JS如何获取form表单数据
2019/12/19 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
2019/12/30 Javascript
javascript实现拖拽碰撞检测
2020/03/12 Javascript
JavaScript位置参数实现原理及过程解析
2020/09/14 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
python给微信好友定时推送消息的示例
2019/02/20 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
精选干货:Java精选笔试题附答案
2014/01/18 面试题
秋天的图画教学反思
2014/05/01 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
MySQL 重命名表的操作方法及注意事项
2021/05/21 MySQL
MySQL中order by的使用详情
2021/11/17 MySQL
JS实现简单九宫格抽奖
2022/06/28 Javascript