Maison >interface Web >js tutoriel >Recommander 4 fonctions couramment utilisées dans les compétences natives javascript_javascript

Recommander 4 fonctions couramment utilisées dans les compétences natives javascript_javascript

WBOY
WBOYoriginal
2016-05-16 16:21:061028parcourir

【1】Ajouter un événement d'écoute

Copier le code Le code est le suivant :

​​ addHandler:function(node,type,fn){if(node.addEventListener){
Node.addEventListener(type,fn,false); // false, défini sur un événement bouillonnant             }
            autre{
Node.attachEvent('sur' type,function(){
Fn.apply (node, arguments); // Méthode Attachevent, cela ne pointe pas vers Node, vous devez donc utiliser la méthode Apply () pour changer la méthode
                });
            }
>

[2] Définir le style de l'élément

Copier le code Le code est le suivant :
setCss:function(node,val){ // val:{'top':'2px','font-size':'12px'}
pour(var v dans val){
                                                                                                                                                                                                   node.style.cssText = ';' v ':' val[v] // L'utilisation de cssText peut définir plusieurs attributs en même temps, et un autre avantage ; c'est que cela peut éviter le jugement de cssFloat, styleFloat
            }
>

【3】Obtenir l'élément de nom de classe CSS

Copier le code Le code est le suivant :
//parent est un paramètre facultatif,
       getByClassName:function(className,parent){
            var elem = [],
Node = parent != undefined&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),
                   p = new RegExp("(^|\s)" className "(
\s|$)"); pour(var n=0,i=node.length;n Si(p.test(node[n].className)){
                        elem.push(node[n]);
                }
            }
              renvoyer l'élément ;
>

[4] Supprimer le nom de la classe CSS

Copier le code Le code est le suivant :
supprimerClassName:function(node,className){
var par = new RegExp(className,'g');
Node.className = node.className.replace(par,'');
>

Les 4 ci-dessus sont des fonctions js natives très pratiques et fréquemment utilisées que j'ai compilées. Je les recommande à mes amis et j'espère qu'elles seront utiles à tout le monde.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn