工作中，偶爾也會做做前臺，每次都需要對一些簡單的javascript和html標簽進行重新學習，今天就稍微總結一下，主要是針對div的操作，也還包括一些其他基本控件。

一.div

1.設置div的顯示或隱藏

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

document.getElementById("div2").style.display="";//顯示當然也可以直接用如下方式顯示：

div1.style.display="none";//隱藏

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

關于這四者的區別，網上有段經典的代碼：

This is a DIV!

從中可以很清楚的看出四者各自的功能：

innerHTML:在div里面的html標簽，通過它可以方便的設置div里要顯示的內容，如：

document.getElementById("div3").innerHTML="hhh";

outerHTMl:包括div在內的所有html標簽

innerText:要在div里顯示的文本，和outerText基本一樣

值得注意的是，以上四個只有innerHTML在firefox下有效，其他均只在IE下可用

二.其他基本控件

假設頁面上有一個text輸入框：

style="WIDTH:300px"：可以限定輸入框的顯示長度

maxlength=40：可以限制該輸入框允許輸入字符的最大長度

獲取控件值或設置控件值可用：

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

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

總結

以上是生活随笔為你收集整理的aspx隐藏前台控件div_javascript总结--div的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。