javascript操作dom控制項

來源:互聯網
上載者:User

       上回說到了aspnet控制項,這裡還要提一下的是,所有的aspnet控制項在預設的情況下都會產生並且依賴於有一個叫做viewstate的東西,這個東西又好又壞,可以自己根據自己的需要對viewstate做相應的最佳化,比如直接關閉,或是壓縮都是一個不錯的選擇。

       在web開發中,javascript絕對是用戶端的王者語言,它通過js的引擎,可以在瀏覽器中操作dom控制項,那麼怎麼操作dom控制項呢?其實很簡單,就幾步:

       1.得到你需要操控的dom控制項;

       2.對你操作控制項的屬性賦值;

事情就是這麼簡單。下面看一下相應的講解。

       比如,我們現在有一個div,id是div1,我們需要隱藏這個div,那麼我們怎麼做呢?按照我們上面的思路,先得到,後賦值。程式如下:

var div = document.getElementById("div1");if(div){      div.style.display = false;}
務必簡單吧?有人說你這個功能太簡單,要整就整帶事件+ajax的,其實都一樣。
下面我們有一個dropdownlist,我們需要在dropdownlist選擇事件時執行ajax;代碼如下:
<asp:dropdownlist id="ddl" runat="server" onselect="ddl_select()"/>function ddl_select(){      var select = document.getElementById("ddl");     if(!ddl) return false;     var value = select.options[select.selectedIndex].value;//這個我們選擇的項值   ajax_function(value);     }function ajax_function(id){    //通過id,去伺服器段請求}
這樣子是不是很簡單?理順了就是這樣,無比簡單。      那麼現在就變成了怎麼知道dom控制項的屬性,這個確實是一個煩人的問題。因為dom控制項太多,相對的控制項屬性也很多,不過不要著急,事情總會解決的。       第一:我們只要記住常用的就行了;       第二:我們可以g;       第三:去下載相關的協助文檔,或者msdn上也有,只是英文的,這裡推薦一本叫做《DHTML手冊(lemon)》的chm文檔,可以去下載,上面基本上是中文的多,因為也有,但是比較簡單,大家都能看懂,而且還有例子,可是web開發居家良藥啊!      下回要講什嗎?好像web的前端對於程式開發人員來說這麼多也就夠用了?!下回的事情下回再說吧!
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.