javascript操作dom控件

       上回说到了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的前端对于程序开发人员来说这么多也就够用了？！下回的事情下回再说吧！