使用js给td添加边框,不同条件下tr和td的visibility以及display属性的应用

来源:互联网 发布:java properties文件 编辑:程序博客网 时间:2024/05/21 08:40

*********************使用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)"/>&nbsp;
  </td>

可以按照如下方式给td添加边框

document.getElementById('name').className='td';

***************************************************************************

*******************visibility和display属性的应用**********************

visibility属性是隐藏但是tr或者td还是占有显示时候的位置,visibility:hidden(隐藏)、visible(显示)

display属性是隐藏tr或者td但是不占有显示时候的位置,display:block(显示)、none(隐藏)