连续操作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之自定义类型
在JavaScript中，创建一个具有自定义属性和方法的对象有很多种模式，下面一一进行介绍
2012-05-05
Javascript中的方法链（Method Chaining）介绍
这篇文章主要介绍了Javascript中的方法链（Method Chaining）介绍,本文讲解了Javascript Method Chaining、Method Chaining 使用、Method Chaining VS prototype Chaining等内容,需要的朋友可以参考下
2015-03-03
全面解析Bootstrap表单使用方法（表单控件）
这篇文章全面解析了Bootstrap表单的使用方法，本文重点介绍Bootstrap表单控件，感兴趣的小伙伴们可以参考一下
2015-11-11
javascript中的__defineGetter__和__defineSetter__介绍
这篇文章主要介绍了javascript中的__defineGetter__和__defineSetter__介绍,类似面向对象语言中的get和set关键字,需要的朋友可以参考下
2014-08-08
开发 Internet Explorer 右键功能表(ContextMenu)
本篇介绍如何开发 Internet Explorer 右键功能表(ContextMenu)，以 0rz.tw 缩短网址列为范例
2013-07-07
浅谈JavaScript中Date(日期对象),Math对象
这篇文章主要简单介绍了JavaScript中Date(日期对象),Math对象的相关资料,需要的朋友可以参考下
2015-02-02
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
在项目中我们常用到百度分享插件或者bshare分享插件，虽然官方都有自定义按钮的功能，但是毕竟还是只有少数几种，我们如何来制作有自己特色的分享按钮呢？
2014-06-06
详解javascript表单的Ajax提交插件的使用
本文主要介绍了javascript表单的Ajax提交插件的使用，具有一定的参考价值。下面跟着小编一起来看下吧
2016-12-12
JS+canvas绘制的动态机械表动画效果
这篇文章主要介绍了JS+canvas绘制的动态机械表动画效果,涉及javascript结合HTML5 canvas简单数值计算与动态绘图相关操作技巧,需要的朋友可以参考下
2017-09-09
vue.config.js文件重写打包工具配置信息
vue.config.js是一个可选的配置文件,可以在其中定义一些自定义的配置选项,本文就来介绍一下如何配置,具有一定的参考价值,感兴趣的可以了解一下
2023-12-12

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具