J'ai entendu dire que c'est le plus couramment utilisé. . . . J'y ai pensé après avoir regardé l'art de programmation DOM.
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <éread> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <itle> intr tiled document </tapie> <style> .ca {background-color: red; rembourrage: 20px;} .js {border: 1px solide # 00f; Padding: 10px;} </ style> </ head> <body> <div> sss </div> <div id = "as"> </ div> <v> </div> <v> </div> <v> </div> <v> </div> </ body> </html> <dcript> function getayClass (classNames) {var classoBJJ = new Adlay ();); classInt = 0; // définir l'indice du tableau var var tags = document.getElementsByTagName ("*"); // Obtenez toutes les balises de html pour (var i dans les balises) {// transf le tag if (tags [i] .NodeType == 1) {// juge le type de nœud if (tags [i] .getAttribute ("class") ==) requis, et former un array {classoBj [classInt] = tags [i]; classInt ++; }}} return classoBj; // renvoie le tableau composé} // Ce qui suit est le test var a = getElementsClass ("CA"); a [0] .OnClick = function () {alert ("nous sommes ici");} a [1] .InnerHtml = 'nous sommes ici'; </cript>Parfois, il y a plusieurs classes DOM, vous pouvez donc le gérer comme ceci:
La copie de code est la suivante:
var a = getElementsClass ("CA");
pour (var i = 0; i <a.length; i ++) {
(fonction (i) {
alerte (a [i])
})(je)
}
Si vous avez plusieurs mêmes classes, vous pouvez également les utiliser ensemble. Si vous souhaitez réaliser JQ, où pouvez-vous directement.click doit toujours effectuer un traitement plus compliqué.