元素封装类

元素封装类

    为了客户端或者服务器端操作网页元素更加方便,利用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);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值