元素封装类

元素封装类

    为了客户端或者服务器端操作网页元素更加方便，利用Javascript动态生成方法的能力封装成元素类，不得不赞叹Javascript的美妙，代码如下：

1. function Element(type,properties){
2.         for(var i in properties){(function(which){
3.             var p = i;
4.             which["get" + p] = function(){
5.                 return properties[p];
6.             };
7.             which["set" + p] = function(val){
8.                 properties[p] = val;
9.             };
10.             })(this);
11.         }
12.         var subElement = new Array();
13.         this.add = function(e){
14.             subElement.push(e.toString());
15.         }
16.         this.toString = function(){
17.             var temp = new Array();
18.             temp.push("<" + type);
19.             for(var j in properties){
20.                 temp.push(j + "=/"" +properties[j]+"/"");
21.             }
22.             var str = temp.join(" ") + ">/r";
23.             for(var i=0;i<subElement.length;i++)
24.                 str += subElement[i];
25.             return str+"</"+type+">";
26.         }
27.     }
28. //例子：
29. //  var form = new Element("form",{
30. //      action:'/index.asp',
31. //      method:"post"
32. //  });
33. //  var input = new Element("input",{
34. //      name:"name",
35. //      type:"text",
36. //      size:"20"   
37. //  });
38. //  var submit = new Element("input",{
39. //      type:"submit",
40. //      value:"提交"
41. //  });
42. //  form.add(input+"<br />");
43. //  input.setname("age")
44. //  form.add(input+"<br />");
45. //  form.add(submit);
46. //  submit.settype("reset");
47. //  submit.setvalue("取消");
48. //  form.add(submit);
49. //in ASP using Javascript(使用Javascript编写的ASP程序)
50. //---> Response.Write(form); 
51. //in Bowser(前台客户端)
52. //----> document.write(form);