使用js给td添加边框,不同条件下tr和td的visibility以及display属性的应用
2013-06-01 11:34
561 查看
*********************使用js给td添加边框*********************************
css设计如下:
.td {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: 8DB1A1;
}
假设有个td这样定义:
<td width="15%" class="tdtitle" nowrap id="name">
<s:property value="getText(name)"/>
</td>
可以按照如下方式给td添加边框
document.getElementById('name').className='td';
***************************************************************************
*******************visibility和display属性的应用**********************
visibility属性是隐藏但是tr或者td还是占有显示时候的位置,visibility:hidden(隐藏)、visible(显示)
display属性是隐藏tr或者td但是不占有显示时候的位置,display:block(显示)、none(隐藏)
css设计如下:
.td {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: 8DB1A1;
}
假设有个td这样定义:
<td width="15%" class="tdtitle" nowrap id="name">
<s:property value="getText(name)"/>
</td>
可以按照如下方式给td添加边框
document.getElementById('name').className='td';
***************************************************************************
*******************visibility和display属性的应用**********************
visibility属性是隐藏但是tr或者td还是占有显示时候的位置,visibility:hidden(隐藏)、visible(显示)
display属性是隐藏tr或者td但是不占有显示时候的位置,display:block(显示)、none(隐藏)
相关文章推荐
- 一段代码弄清楚CSS属性display和visibility的差别,以及dom元素可见的条件
- 使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性
- jquery应用技巧-使用attr给指定tr下的所有td赋属性
- 实例分析CSS属性Display与Visibility不同(轉)
- 使用express.js框架一步步实现基本应用以及构建可扩展的web应用
- ruby应用里添加zepto.min.js但是无法使用里面的方法
- js:往tr里添加td也可以这么写
- CSS属性Display与Visibility的不同
- html5学习canvas基本使用:div在js前面;localStorage存储根据浏览器在不同的位置;应用程序缓存;placeholder 属性提供一种提示(hint),描述输入域所期待的值。
- 实例分析CSS属性Display与Visibility不同
- js将控件隐藏及display属性的使用介绍
- js获取两个数组不同的元素并返回不同元素组成的数组,并对不同的元素添加一个新的属性
- 有关td使用colspan属性后导致td不能充满整个tr的问题解决方法
- 使用代理类访问WCF应用(不添加web引用、不使用管道模式)以及如何调试WCF
- CSS属性中Display与Visibility的不同
- display:none/block的应用以及和visibility的区别,隐藏/显示内容
- CSS属性中Display与Visibility的不同
- 点击checkbox使用js取table中tr下td中的各个标签value
- (13)CSS的cursor、display、visibility属性以及focus伪类
- 关于如何利用原生js动态给一个空对象添加属性以及属性值