【1】 Ajouter des événements d'écoute
La copie de code est la suivante:
addHandler: function (node, type, fn) {if (node.addeventListener) {
Node.addeventListener (Type, FN, false); // Faux, réglé sur l'événement bubble
}
autre{
node.attachevent ('on' + type, fonction () {
fn.Apply (nœud, arguments); // Dans la méthode attachée, cela ne pointe pas vers le nœud, il doit donc être modifié à l'aide de la méthode applicable ().
});
}
}
【2】 Réglez le style de l'élément
La copie de code est la suivante:
setcss: function (node, val) {// val: {'top': '2px', 'font-size': '12px'}
pour (var v dans val) {
node.style.csstext + = ';' + v + ':' + val [v]; // Utilisez CSSTEXT pour définir plusieurs attributs en même temps, et il y a aussi un avantage qui peut éviter le jugement de CSSFloat et StyleFloat
}
}
【Trois】 Obtenez l'élément de nom de classe CSS
La copie de code est la suivante:
// Le 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 <i; n ++) {
if (p.test (nœud [n] .classname)) {
elem.push (nœud [n]);
}
}
retour elem;
}
【Quatre】 Supprimer le nom de la classe CSS
La copie de code est la suivante:
reposovelassName: function (node, className) {
var par = new regexp (className, 'g');
node.classname = node.classname.replace (par, '');
}
Les 4 ci-dessus sont les fonctions JS natives que j'ai compilées et que je dois être utilisées fréquemment. Je les recommande à mes amis, j'espère qu'ils seront utiles à tous.