Heim > Web-Frontend > js-Tutorial > Empfehlen Sie 4 häufig verwendete Funktionen in nativem Javascript_Javascript-Kenntnissen

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

WBOY
Freigeben: 2016-05-16 16:21:06
Original
1010 Leute haben es durchsucht

【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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage