prototype/constructor/__proto__之prototype简单应用

function Cmf() { //创建构造函数 this.arry = [] } Cmf.prototype.getNode = function(tag, id) { //给构造函数定义一个getNode方法 if (tag.indexOf('.') == 0) { //如果传入的是类class形式 .nav var oparent = id ? document.getElementById(id) : document; var oparentallchild = oparent.getElementsByTagName("*"); //选取oparent里面的所有的子项目 for (var i = 0; i < oparentallchild.length; i++) { if (oparentallchild[i].className == tag.substring(1)) { this.arry.push(oparentallchild[i]) } } }else if(tag.indexOf('#') == 0&&id==null){ //如果传入的是id形式的 如#d this.arry.push(document.getElementById(tag.substring(1))) }else{ //如果传入的div 或者span形式的 var Tagname=document.getElementsByTagName(tag) for(var i=0;i<Tagname.length;i++){ this.arry.push(Tagname[i]) } } return this } Cmf.prototype.html=function(h){ //设置获取html for(var i=0;i<this.arry.length;i++){ if(h){ this.arry[i].innerHTML=h return this }else{ return this.arry[i].innerHTML } } } Cmf.prototype.css=function(attr,value){ //设置css样式 console.log(this.arry) for(var i=0;i<this.arry.length;i++){ if(value){ console.log(this.arry[i]) this.arry[i].style[attr]=value return this }else{ if (typeof window.getComputedStyle != 'undefined') {//W3C return window.getComputedStyle(this.arry[i], null)[attr]; } else if (typeof this.arry[i].currentStyle != 'undeinfed') {//IE return this.arry[i].currentStyle[attr]; } } } } var cmf=function(){ //每次调用都实例化一次 return new Cmf() }