JS实现控制表格单元格垂直对齐的方法

 更新时间:2015年03月30日 14:58:43   作者:欧阳不疯  
这篇文章主要介绍了JS实现控制表格单元格垂直对齐的方法,涉及javascript操作表单元素样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

下面的代码控制指定的单元格靠底部垂直对齐

<!DOCTYPE html>
<html>
<head>
<script>
function valignCell()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].vAlign="bottom";
}
</script>
</head>
<body>
<table id="myTable" border="1" height="70%">
<tr>
<td>First cell</td>
<td>Second cell</td>
</tr>
<tr>
<td>Third cell</td>
<td>Fourth cell</td>
</tr>
</table>
<form>
<input type="button" onclick="valignCell()"
value="Vertical align cell content">
</form>
</body>
</html>

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

相关文章

  • js中延迟加载和预加载的具体使用

    js中延迟加载和预加载的具体使用

    这篇文章主要介绍了js中延迟加载和预加载的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • javascript中的some方法使用解读

    javascript中的some方法使用解读

    这篇文章主要介绍了javascript中的some方法使用解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • JavaScript字符串常用类使用方法汇总

    JavaScript字符串常用类使用方法汇总

    今天的这篇文章就分享几年以来总结的一些最常见和最有用的字符串相关的方法的例子和简要说明。便于程序员用于快速参考。当然,最有经验的开发人员对这些操作很熟悉,但我认为这是一个很好的方法帮助初学者理解这些函数,他可以帮助你使用简单的语法,完成复杂的操作.
    2015-04-04
  • el-popover嵌套select弹窗点击实现自定义关闭功能

    el-popover嵌套select弹窗点击实现自定义关闭功能

    el-popover弹窗内嵌套下拉选择框,点击el-popover弹出外部区域需关闭弹窗,点击查询、重置需关闭弹窗,遇到这样的需求怎么解决呢,下面小编给大家介绍el-popover嵌套select弹窗点击实现自定义关闭功能,感兴趣的朋友一起看看吧
    2024-07-07
  • JavaScript多功能甘特图组件jsGantt详解

    JavaScript多功能甘特图组件jsGantt详解

    jsGantt是一个可定制的、灵活的、多语言的甘特图组件,由原生 JavaScript构建,它使用客户端渲染以获得快速的性能和动态的交互性,非常适用于任何需要交互式时间线或时间表显示的项目,本文就给大家介绍一下JavaScript多功能甘特图组件jsGantt
    2023-07-07
  • js实现时分秒倒计时

    js实现时分秒倒计时

    这篇文章主要为大家详细介绍了js实现时分秒倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 脚本和web页共用同一个文件测试

    脚本和web页共用同一个文件测试

    脚本和web页共用同一个文件测试...
    2006-10-10
  • 前端组件化基础知识详细讲解

    前端组件化基础知识详细讲解

    这篇文章主要介绍了前端组件化基础知识,我们一起来学习前端组件化的知识,组件化在前端架构里面是最重要的部分,了解什么是组件化和一个组件的基本组成部分开始
    2021-04-04
  • JS如何循环遍历JSON数据

    JS如何循环遍历JSON数据

    这篇文章主要介绍了JS如何循环遍历JSON数据的方法,本文提供了 JS 循环 JSON 数据列,以及 JS 循环遍历 JSON 数据的例子,需要的朋友可以参考下
    2024-01-01
  • jqGrid读取选择的多行的某个属性代码

    jqGrid读取选择的多行的某个属性代码

    这篇文章主要介绍了jqGrid读取选择的多行的某个属性实现代码,需要的朋友可以参考下
    2014-05-05

最新评论