连续操作HTMLElement对象图文解决方法

更新时间：2008年03月13日 21:15:10 作者：

Object.prototype.***不能用作在HTMLElement对象上，如本后面的抓图所示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript" type="text/javascript"> var JObj = {}; (function($){   $.$ = function(p){   var obj = typeof(p) == "object" ? p : document.getElementById(p);   assignFn(obj);   return obj;  }    $.$appendTo = function(f,p){   var obj = p ? $.$(p) : this;   $.$(f).appendChild(obj);   assignFn(obj);   return obj;  }     $.$c = function(p,n){   var obj;   try{    obj = document.createElemnet("<" + p + " name='" + n + "'>");   }catch(e){    obj = document.createElement(p);    obj.name = name;   }   assignFn(obj);   return obj;  }    $.$att = function(k,v,p){   var obj = p ? $.$(p) : this;   obj.setAttribute(k,v);   obj[k] = v;   obj.$att = $.$att;   assignFn(obj);   return obj;  }    $.$css = function(k,v,p){   var obj = p ? $.$(p) : this;   obj.style[k] = v;   obj.$css = $.$css;   assignFn(obj);   return obj;   }    var fv = function(){   var f="-1",n=navigator;   if (n.plugins && n.plugins.length) {    for (var ii=0;ii<n.plugins.length;ii++) {     if (n.plugins[ii].name.indexOf('Shockwave Flash')!=-1) {      f=n.plugins[ii].description.split('Shockwave Flash ')[1];      break;     }    }   } else if (window.ActiveXObject) {    for (var ii=10;ii>=2;ii--) {     try {      var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+ii+"');");      if (fl) { f=ii + '.0'; break; }     }catch(e) {}    }   }     if(f == "-1") return f;   else return f.substring(0,f.indexOf(".")+2)     }    $.browser = {};  (function($){   //Notice : Firefox ,NS can't use property: name (case sensitive)! Because it's a hold field ,and it's values is anonymous.   var n_ = navigator,s_ = screen;      var b = n_.appName;   var ua = n_.userAgent.toLowerCase();      $.Name = "Unknow";   $.safari = ua.indexOf("safari")>-1;  // always check for safari & opera   $.opera = ua.indexOf("opera")>-1;    // before ns or ie   $.firefox = ua.indexOf('firefox')>-1; // check for gecko engine    $.ns = !$.firefox && !$.opera && !$.safari && (b=="Netscape");   $.ie = !$.opera && (b=="Microsoft Internet Explorer");      $.Name = ($.ie ? "IE" : ($.firefox ? "Firefox" : ($.ns ? "Netscape" : ($.opera ? "Opera" : ($.safari ? "Safari" : "Unknow")))));      switch($.Name){    case "Opera":     $.fullVersion = ua.substr(ua.indexOf("opera") + 6);     break;    case "IE":     $.fullVersion = ua.substr(ua.indexOf("msie") + 5).split(";")[0];     break;    case "Firefox":     $.fullVersion = ua.substr(ua.indexOf("firefox") + 8);     break;    case "Safari":     $.fullVersion = ua.substr(ua.indexOf("version") + 8).split(" ")[0];     break;    case "Netscape":     $.fullVersion = ua.substr(ua.indexOf("netscape") + 9);     break;    default:     $.fullVersion = "-1";   }   $.version = parseFloat($.fullVersion);  })($.browser);     var fn = {};  (function($,$$){   var o;   for(o in $$){    if(eval("$$." + o) instanceof Function)     $[o] = o;   }  })(fn,$);    var assignFn = function(p){   if(!p) return;   var o;   for(o in fn){    p[o] = $[o];   }  } })(JObj); </script> </head> <body> </body> </html> <script language="javascript" type="text/javascript"> var width = 200; var height = 200; var oOutline = JObj.$c("DIV").$appendTo(document.body).$css("width",width + "px").$css("height",height + "px").$att("class","oOutline").$att("className","oOutline").$css("backgroundColor","#cc6600"); alert(JObj.browser.Name + " " + JObj.browser.fullVersion) </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

详解JavaScript 新语法之Class 的私有属性与私有方法
这篇文章主要介绍了JavaScript 新语法之Class 的私有属性与私有方法 ,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-04-04
js如何找出两个数组中不同的元素
这篇文章主要介绍了js如何找出两个数组中不同的元素，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
Openlayers+EasyUI Tree动态实现图层控制
这篇文章主要为大家详细介绍了Openlayers+EasyUI Tree动态实现图层控制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
关于JavaScript语句后面的分号问题
下面通过本文给大家详细介绍javascript中的语句后面的分号问题，本文给大家介绍的非常详细，需要的朋友参考下吧
2017-12-12
JavaScript制作简易计算器（不用eval）
这篇文章主要为大家详细介绍了JavaScript制作简易计算器的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
浅析Bootstrap组件之面板组件
这篇文章主要介绍了浅析Bootstrap组件之面板组件的相关资料,需要的朋友可以参考下
2016-05-05
input 宽度自适应
感谢网友“liufabin”提出的关于不支持FF的问题，第一个在FF下经过测试时支持的，第二个中的高度自适应不支持，我在网上找了一个JQUERY的插件
2009-05-05
详解用原生JavaScript实现jQuery的某些简单功能
本篇文章主要对用原生JavaScript实现jQuery的某些简单功能进行详细全面的讲解，具有很好的参考价值，需要的朋友一起来看下吧
2016-12-12
webpack配置文件外置的两种实现方式
webpack配置环境变量文件,是根据打包命令寻找对应的环境变量文件,从而获取接口地址,本文就来介绍一下webpack配置文件外置的两种实现方式,感兴趣的可以了解一下
2023-12-12
jquery实现的图片点击滚动效果
这篇文章主要介绍了jquery实现的图片点击滚动效果,需要的朋友可以参考下
2014-04-04