บทความนี้ส่วนใหญ่แนะนำ JS โดยใช้ A for for เพื่อค้นหาองค์ประกอบการค้นหาด้วยอาร์เรย์ traversal ของโหนดเด็ก
ฟังก์ชั่น nextChildNode (โหนด, clazz, tagname) {var count = node.childelementCount; สำหรับ (var i = 0; i <count; i ++) {ถ้า (node == undefined || node.children [i] == undefined) {ดำเนินการต่อ; } if (clazz) {ถ้า (node.children [i] .getAttribute ('class') == clazz) {return node.children [i]; }} else {ถ้า (node.children [i] .tagname == tagname) {return node.children [i]; }}} return null; } ฟังก์ชั่น getChildNode (โหนด, classarg, tagnodearg) {สำหรับ (var i = 0; i <classarg.length; i ++) {node = nextChildNode (Node, classarg [i]); } สำหรับ (var i = 0; i <tagnodearg.length; i ++) {node = nextChildNode (โหนด, null, tagnodearg [i]); } ส่งคืนโหนด; } ฟังก์ชั่น getItEmId (โหนด) {var classNode = ['iteminfo', 'itemDesc'], tagnode = ['p', 'ปุ่ม']; node = getChildNode (โหนด, classNode, tagnode); การแจ้งเตือน (node.getAttribute ('itemId')); } #การเรียกใช้ฟังก์ชัน getItemId ($ (". ShopItem") [0]);