Empfehlen Sie 4 häufig verwendete Funktionen in nativem Javascript_Javascript-Kenntnissen

【1】Hörereignis hinzufügen

Code kopieren Der Code lautet wie folgt:

​​ addHandler:function(node,type,fn){if(node.addEventListener){
Node.addEventListener(type,fn,false); // false, auf Bubbling-Ereignis gesetzt             }
            sonst{
Node.attachEvent('on' type,function(){
Fn.apply (node, arguments); // Attachevent-Methode, dies zeigt nicht auf Node, daher müssen Sie die Apply()-Methode verwenden, um die
-Methode zu ändern                 });
            }
}

[2] Legen Sie den Stil des Elements fest

Code kopieren Der Code lautet wie folgt:

setCss:function(node,val){ // val:{'top':'2px','font-size':'12px'}
for(var v in val){
                                                                                                                                                                              node.style.cssText = ';' v ':' val[v]; // Mit cssText können mehrere Attribute gleichzeitig festgelegt werden kann die Beurteilung von cssFloat, styleFloat
vermeiden             }
}

【3】CSS-Klassennamenelement abrufen

Code kopieren Der Code lautet wie folgt:

//parent ist ein optionaler Parameter,
       getByClassName:function(className,parent){
            var elem = [],
Node = parent != undefiniert&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),
                   p = new RegExp("(^|\s)" className "(
\s|$)"); for(var n=0,i=node.length;n If(p.test(node[n].className)){
                        elem.push(node[n]);
                }
            }
              return elem;
}

[4] CSS-Klassennamen löschen

Code kopieren Der Code lautet wie folgt:

removeClassName:function(node,className){
var par = new RegExp(className,'g');
Node.className = node.className.replace(par,'');
}

Die oben genannten 4 sind sehr praktische und häufig verwendete native JS-Funktionen, die ich meinen Freunden empfohlen habe.