Comments on: “Brief” Guide to JavaScript – Part 5 http://blog.jeffhui.net/2009/07/brief-guide-to-javascript-part-5/ A blog about programming and random other things. Thu, 18 Feb 2010 04:02:15 -0500 http://wordpress.org/?v=2.8.6 hourly 1 By: jeffhui http://blog.jeffhui.net/2009/07/brief-guide-to-javascript-part-5/comment-page-1/#comment-105 jeffhui Mon, 26 Oct 2009 08:14:42 +0000 http://blog.jeffhui.net/2009/07/brief-guide-to-javascript-part-5/#comment-105 Thanks. Covering XPath is definitely a better option; I always had a sense of ignorance that XPath wasn't consistent.<br><br>For people that are interested, most javascript frameworks actually utilize XPath for selectors. XPath is a browser-supported implementation for traversing XML-trees, like HTML. Thanks. Covering XPath is definitely a better option; I always had a sense of ignorance that XPath wasn't consistent.

For people that are interested, most javascript frameworks actually utilize XPath for selectors. XPath is a browser-supported implementation for traversing XML-trees, like HTML.

]]> By: ppds http://blog.jeffhui.net/2009/07/brief-guide-to-javascript-part-5/comment-page-1/#comment-104 ppds Tue, 20 Oct 2009 09:46:55 +0000 http://blog.jeffhui.net/2009/07/brief-guide-to-javascript-part-5/#comment-104 Your explanation is clear. However, a very efficient way to play with DOM in Javascript (and other languages for that matter is to use XPath). Here is a sample code to go trough all link nodes inside the dom document and do something with them:<br><br>var findPattern = "//a"; // This is the xpath pattern. You can use more powerful xpathes<br>var resultLinks = document.evaluate( findPattern, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); <br><br>var i=0;<br>while ( (res = resultLinks.snapshotItem(i) ) !=null ){<br>//do something to the link<br>i += 1;<br>} Your explanation is clear. However, a very efficient way to play with DOM in Javascript (and other languages for that matter is to use XPath). Here is a sample code to go trough all link nodes inside the dom document and do something with them:

var findPattern = “//a”; // This is the xpath pattern. You can use more powerful xpathes
var resultLinks = document.evaluate( findPattern, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );

var i=0;
while ( (res = resultLinks.snapshotItem(i) ) !=null ){
//do something to the link
i += 1;
}

]]>