prettydiff/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>dom walking versus querySelector - 3</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
</head>
<body>
	<h1>Open the console to view the results</h1>
	<h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2>
</body>
</html>

## suite.js
"use strict";

(function (factory) {
	if (typeof Benchmark !== "undefined") {
		factory(Benchmark);
	} else {
		factory(require("benchmark"));
	}
})(function (Benchmark) {
	var suite = new Benchmark.Suite;


	suite.add("(function () {", function () {
		(function () {
		    var a     = 0,
		        b     = 0,
		        c     = 0,
		        tdlen = 0,
		        tabs  = 0,
		        table = [],
		        td    = [],
		        tds   = [],
		        list  = document.getElementsByTagName("div"),
		        len   = list.length;
		    do {
		        table.push(list[a].getElementsByTagName("table"));
		        a = a + 1;
		    } while (a < len);
		    a = 0;
		    do {
		        tabs = table[a].length;
		        if (tabs > 0) {
		            b = 0;
		            do {
		                tds = table[a][b].getElementsByTagName("td");
		                if (tds !== null) {
		                    tdlen = tds.length;
		                    c = 0;
		                    do {
		                        td.push(tds[b]);
		                        c = c + 1;
		                    } while (c < tdlen);
		                }
		                b = b + 1;
		            } while (b < tabs);
		        }
		        a = a + 1;
		    } while (a < len);
		    return td;
		}());
	});

	suite.add("document.querySelectorAll(\"div table td\")", function () {
		document.querySelectorAll("div table td")
	});

	suite.on("cycle", function (evt) {
		console.log(" - " + evt.target);
	});

	suite.on("complete", function (evt) {
		console.log(new Array(30).join("-"));

		var results = evt.currentTarget.sort(function (a, b) {
			return b.hz - a.hz;
		});

		results.forEach(function (item) {
			console.log((idx + 1) + ". " + item);
		});
	});

	console.log("dom walking versus querySelector - 3");
	console.log(new Array(30).join("-"));
	suite.run();
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>dom walking versus querySelector - 3</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>
	<h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2>
	</body>
	</html>
	"use strict";

	(function (factory) {
	if (typeof Benchmark !== "undefined") {
	factory(Benchmark);
	} else {
	factory(require("benchmark"));
	}
	})(function (Benchmark) {
	var suite = new Benchmark.Suite;



	suite.add("(function () {", function () {
	(function () {
	var a = 0,
	b = 0,
	c = 0,
	tdlen = 0,
	tabs = 0,
	table = [],
	td = [],
	tds = [],
	list = document.getElementsByTagName("div"),
	len = list.length;
	do {
	table.push(list[a].getElementsByTagName("table"));
	a = a + 1;
	} while (a < len);
	a = 0;
	do {
	tabs = table[a].length;
	if (tabs > 0) {
	b = 0;
	do {
	tds = table[a][b].getElementsByTagName("td");
	if (tds !== null) {
	tdlen = tds.length;
	c = 0;
	do {
	td.push(tds[b]);
	c = c + 1;
	} while (c < tdlen);
	}
	b = b + 1;
	} while (b < tabs);
	}
	a = a + 1;
	} while (a < len);
	return td;
	}());
	});

	suite.add("document.querySelectorAll(\"div table td\")", function () {
	document.querySelectorAll("div table td")
	});

	suite.on("cycle", function (evt) {
	console.log(" - " + evt.target);
	});

	suite.on("complete", function (evt) {
	console.log(new Array(30).join("-"));

	var results = evt.currentTarget.sort(function (a, b) {
	return b.hz - a.hz;
	});

	results.forEach(function (item) {
	console.log((idx + 1) + ". " + item);
	});
	});

	console.log("dom walking versus querySelector - 3");
	console.log(new Array(30).join("-"));
	suite.run();
	});