常用JavaScript和Html代码整理

1控制层的显示：
效果:

要显示隐藏的层

HTML
 <div id="divA" style ="visibility:visible ; width: 100px; height: 50px; background-color: #ffffcc;">要显示隐藏的层</div> 
<input id="BtnShowOrHidden" type="button" value="显示" onclick="ShowOrHiddenDiv()" />

JavaScript
<script language="javascript" type="text/javascript">
function ShowOrHiddenDiv()
 {
 if(document.getElementById("divA").style .visibility =="visible")
 {
 document.getElementById("divA").style .visibility="hidden";
 document.getElementById("BtnShowOrHidden").innerText ="显示";
 }
 else
{
 document.getElementById("divA").style .visibility ="visible"
 document.getElementById ("BtnShowOrHidden").innerText ="隐藏";
 }
}
</script>

JavaScript:
2改变表格的内容：
效果如下：

1	2
3	4
5	6

格1 格2 格3 格4 格5 格6

HTML
 <table  id="T" style="width: 389px; height: 84px">
        <tr>
          <td>1</td><td>2</td></tr>
         <tr><td>3</td><td> 4</td></tr>
         <tr><td> 5</td> <td> 6</td></tr>     
      </table>
      <select id="S" name="D" onchange="ChangeTableValue()">
        <option value="0">格1</option>
        <option value="1">格2</option>
        <option value="2">格3</option>
        <option value="3">格4</option>
        <option value="4">格5</option>
        <option value="5">格6</option>
        <option></option>
      </select>

JavaScript
function ChangeTableValue()
{
 var S=document.getElementById("S");
  var arr=new Array()
  arr[0]="A1";
  arr[1]="A2";
  arr[2]="A3";
  arr[3]="A4";
  arr[4]="A5";
  arr[5]="A6";
 // alert(S.value);
  T.cells[S.selectedIndex].innerText=arr[S.selectedIndex];
}