【1】リスニングイベントを追加します
コードコピーは次のとおりです。
addhandler:function(node、type、fn){if(node.addeventlistener){
node.addeventlistener(type、fn、false); // false、バブルイベントに設定します
}
それ以外{
node.attachevent( 'on'+type、function(){
fn.Apply(ノード、引数); // AttachEventメソッドでは、これはノードを指すことはないため、Apply()メソッドを使用して変更する必要があります。
});
}
}
【2】要素のスタイルを設定します
コードコピーは次のとおりです。
setcss:function(node、val){// val:{'top': '2px'、 'font-size': '12px'}
for(var v in val){
node.style.csstext += ';' +v +':' +val [v]; // csstextを使用して複数の属性を同時に設定すると、cssfloatとstylefloatの判断を回避できる利点もあります
}
}
【3】CSSクラス名要素を取得します
コードコピーは次のとおりです。
//親はオプションのパラメーターです。
getByClassName:function(className、parent){
var Elem = []、
node = parent!= undefined && parent.nodetype == 1?parent.getElementsByTagname( '*'):document.getElementsByTagname( '*')、
p = new regexp( "(^| // s)"+className+"(// s | $)");
for(var n = 0、i = node.length; n <i; n ++){
if(p.test(node [n] .classname)){
elem.push(node [n]);
}
}
エレムを返します。
}
【4】CSSクラス名を削除します
コードコピーは次のとおりです。
removeclassname:function(node、classname){
var par = new regexp(classname、 'g');
node.classname = node.classname.replace(par、 '');
}
上記の4は、私がコンパイルしたネイティブJS関数であり、頻繁に使用する必要があります。友達にお勧めします。誰にでも役立つことを願っています。