1.設(shè)置div的顯示或隱藏

代碼片段

document.getElementById("div1").style.display="none";//隱藏
document.getElementById("div2").style.display="";//顯示

當(dāng)然也可以直接用如下方式顯示：

代碼片段

div1.style.display="none";//隱藏
div2.style.display="";//顯示2.innerHTML,outerHTML,innerText,outerText

關(guān)于這四者的區(qū)別，網(wǎng)上有段經(jīng)典的代碼：

代碼片段

<div id="div">
<input name="button" value="Button" type="button">
<font color="green"> 
    <h2>This is a DIV!</h2>
</font>
</div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">

從中可以很清楚的看出四者各自的功能：
innerHTML:在div里面的html標(biāo)簽，通過(guò)它可以方便的設(shè)置div里要顯示的內(nèi)容，如：

以下是引用片段

document.getElementById("div3").innerHTML="<strong>hhh</strong>";

outerHTMl:包括div在內(nèi)的所有html標(biāo)簽
innerText:要在div里顯示的文本，和outerText基本一樣
值得注意的是，以上四個(gè)只有innerHTML在firefox下有效，其他均只在IE下可用

二.其他基本控件

假設(shè)頁(yè)面上有一個(gè)text輸入框：

代碼片段

<input type="text" id="text1" value="" style="WIDTH:300px" maxlength=40>

style="WIDTH:300px"：可以限定輸入框的顯示長(zhǎng)度
maxlength=40：可以限制該輸入框允許輸入字符的最大長(zhǎng)度
獲取控件值或設(shè)置控件值可用：

代碼片段

document.getElementById("text1").value="輸入框";

值得注意的是，javascript是從頭到尾編譯的，因此在使用控件之前，一定要確保該控件已經(jīng)被加載到了頁(yè)面中。

作者Blog:http://blog.csdn.net/hbcui1984/