【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 関数をまとめたものです。皆さんのお役に立てれば幸いです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
