// *************** // DOM // *************** // // navigation // ---------- // // document.documentElement points to the root node // // native DOM functions: // - node.getElementById( idValue ) // - node.getElementsByTagName( tagName ) // - node.getElementsByName( name ) // native DOM objecten: // - node.previousSibling // - node.nextSibling // - node.firstChild // - node.lastChild // - node.parentNode function prevSiblingOf( elem ) { do { elem = elem.previousSibling; } while ( elem && elem.nodeType != 1 ); return elem; } function nextSiblingOf( elem ) { do { elem = elem.nextSibling; } while ( elem && elem.nodeType != 1 ); return elem; } function firstChildOf( elem ) { elem = elem.firstChild; return elem && elem.nodeType != 1 ? nextSiblingOf ( elem ) : elem; } function lastChildOf( elem ) { elem = elem.lastChild; return elem && elem.nodeType != 1 ? prevSiblingOf ( elem ) : elem; } function parentOf( elem, num ) { num = num || 1; for ( var i = 0; i < num; i++ ) { if ( elem != null ) elem = elem.parentNode; } return elem; } // // finding elements // ---------------- // // also check cssQuery: library for finding elements based on css selector syntax // function getElementsByClassName(strClassName, strTagName, startElement) { var startNode = startElement?startElement:document; var arrNodes = startNode.getElementsByTagName(strTagName?strTagName:'*'); var arrFound = new Array(); for (var i=0; i< arrNodes.length; i++) { var node = arrNodes[i]; if (!node.className || node.className=="") continue; var arrClasses = node.className.split(' '); for (var j=0; j