元素封装类
为了客户端或者服务器端操作网页元素更加方便,利用Javascript动态生成方法的能力封装成元素类,不得不赞叹Javascript的美妙,代码如下:
- function Element(type,properties){
- for(var i in properties){(function(which){
- var p = i;
- which["get" + p] = function(){
- return properties[p];
- };
- which["set" + p] = function(val){
- properties[p] = val;
- };
- })(this);
- }
- var subElement = new Array();
- this.add = function(e){
- subElement.push(e.toString());
- }
- this.toString = function(){
- var temp = new Array();
- temp.push("<" + type);
- for(var j in properties){
- temp.push(j + "=/"" +properties[j]+"/"");
- }
- var str = temp.join(" ") + ">/r";
- for(var i=0;i<subElement.length;i++)
- str += subElement[i];
- return str+"</"+type+">";
- }
- }
- //例子:
- // var form = new Element("form",{
- // action:'/index.asp',
- // method:"post"
- // });
- // var input = new Element("input",{
- // name:"name",
- // type:"text",
- // size:"20"
- // });
- // var submit = new Element("input",{
- // type:"submit",
- // value:"提交"
- // });
- // form.add(input+"<br />");
- // input.setname("age")
- // form.add(input+"<br />");
- // form.add(submit);
- // submit.settype("reset");
- // submit.setvalue("取消");
- // form.add(submit);
- //in ASP using Javascript(使用Javascript编写的ASP程序)
- //---> Response.Write(form);
- //in Bowser(前台客户端)
- //----> document.write(form);