1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>DOM Traversal</title> </head> <body> <div id="rootA"> <div> <div></div> </div> <div></div> <div> <div> <div id="nodeA"></div> <div></div> </div> </div> </div> <div id="rootB"> <div> <div></div> </div> <div></div> <div> <div> <div id="nodeB"></div> <div></div> </div> </div> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | const rootA = document.getElementById("rootA"); const rootB = document.getElementById("rootB"); const nodeA = document.getElementById("nodeA"); const nodeB = document.getElementById("nodeB"); const path = []; const findPath = () => { let currNode = nodeA; while (currNode !== rootA) { path.push(Array.from(currNode.parentElement.children).indexOf(currNode)); currNode = currNode.parentElement; } }; const findB = () => { let currNode = rootB; while (path.length > 0) { currNode = currNode.children[path.pop()]; } console.log(currNode, currNode === nodeB); }; findPath(); findB(); |