Syorkan 4 fungsi yang biasa digunakan dalam kemahiran javascript_javascript asli

WBOY
Lepaskan: 2016-05-16 16:21:06
asal
993 orang telah melayarinya

【1】Tambah acara mendengar

Salin kod Kod adalah seperti berikut:

​​adHandler:function(nod,type,fn){if(node.addEventListener){
Node.addEventListener(type,fn,false); // palsu, ditetapkan kepada acara menggelegak             }
            lain{
Node.attachEvent('on' type,function(){
Fn.apply (nod, arguments); // kaedah Attachevent, ini tidak menunjuk kepada Node, jadi anda perlu menggunakan kaedah Apply () untuk menukar kaedah
                });
            }
}

[2] Tetapkan gaya elemen

Salin kod Kod adalah seperti berikut:
setCss:function(nod,val){ // val:{'top':'2px','font-size':'12px'}
untuk(var v dalam val){
                                                                                                                                                                                                                                                                                                               nod.style.cssTeks = ';' [v. s];' kelebihannya ialah ia boleh mengelakkan pertimbangan cssFloat, styleFloat
            }
}

【3】Dapatkan elemen nama kelas CSS

Salin kod Kod adalah seperti berikut:
//induk ialah parameter pilihan,
       getByClassName:function(className,parent){
            var elem = [],
Nod = parent != undefined&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),
                   p = RegExp("(^|\s)" className "(
\s|$)"); for(var n=0,i=node.length;n If(p.test(nod[n].className)){
                        elem.push(nod[n]);
                }
            }
              elem kembali;
}

[4] Padamkan nama kelas CSS

Salin kod Kod adalah seperti berikut:
removeClassName:function(nod,className){
var par = RegExp baharu(Nama kelas,'g');
Node.className = node.className.replace(par,'');
}

4 di atas adalah fungsi js asli yang sangat praktikal dan kerap digunakan yang telah saya kumpulkan kepada rakan-rakan saya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan