ฉันได้ยินมาว่ามันเป็นสิ่งที่ใช้กันมากที่สุด - - - ฉันคิดถึงมันหลังจากดูงานศิลปะการเขียนโปรแกรม 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"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> Padding: 20px;} .js {ชายแดน: 1px Solid #00F; Padding: 10px;} </style> </head> <body> <body> <div> SSS </div> <div id = "เป็น"> </div> <div> </div> </div> </div> </div> </div> </div> </div> </body> classInt = 0; // define อาร์เรย์ตัวห้อย var tags = document.getElementSbyTagname ("*"); // รับแท็กทั้งหมดของ html สำหรับ (var i ในแท็ก) {// transf แท็กถ้า (tags [i] .nodetype == 1) {// ตัดสินประเภทโหนด จำเป็นและสร้างอาร์เรย์ {classobj [classint] = แท็ก [i]; ClassInt ++; }}} ส่งคืน classObj; // ส่งคืนอาร์เรย์ที่ประกอบด้วย} // ต่อไปนี้คือการทดสอบ var a = getElementsClass ("ca"); a [0] .onclick = function () {การแจ้งเตือน ("เราอยู่ที่นี่");} a [1] .innerhtml = 'เราอยู่ที่นี่'; </script>บางครั้งมีคลาส DOM หลายคลาสเหมือนกันดังนั้นคุณสามารถจัดการได้เช่นนี้:
การคัดลอกรหัสมีดังนี้:
var a = getElementsClass ("ca");
สำหรับ (var i = 0; i <a.length; i ++) {
(ฟังก์ชั่น (i) {
การแจ้งเตือน (a [i])
})(ฉัน)
-
หากคุณมีคลาสเดียวกันหลายคลาสคุณสามารถใช้ร่วมกันได้ หากคุณต้องการบรรลุ JQ คุณสามารถทำได้โดยตรงคลิกยังต้องทำการประมวลผลที่ซับซ้อนมากขึ้น