ネイティブ javascript_javascript スキルでよく使用される 4 つの関数を推奨します

【1】リスニングイベントを追加

コードをコピーします コードは次のとおりです:

addHandler:function(node,type,fn){if(node.addEventListener){
Node.addEventListener(type,fn,false); // false、バブリングイベントに設定 }
else{
Node.attachEvent('on' type,function(){
Fn.apply (node, argument); // Attachevent メソッド。これは Node を指していないため、Apply () メソッドを使用して
メソッドを変更する必要があります。 });
}
}

[2] 要素のスタイルを設定します

コードをコピーします コードは次のとおりです:

setCss:function(node,val){ // val:{'top':'2px','font-size':'12px'}
for(var v in val){
node.style.csstext = ';'： 'val [v]; }
}

【3】CSSクラス名要素を取得

コードをコピーします コードは次のとおりです:

//parent はオプションのパラメータです、

getByClassName:function(className,parent){
var elem = [],
ノード = 親 != 未定義&&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クラス名を削除

コードをコピーします コードは次のとおりです:

RemoveClassName:function(node,className){

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

上記の 4 つは、非常に実用的で頻繁に使用されるネイティブ js 関数をまとめたものです。皆さんのお役に立てれば幸いです。