| <!DOCTYPE html> |
| <html> |
| <body> |
| <script src="../resources/runner.js"></script> |
| <script> |
| var parentDiv = document.body; |
| for (var i = 0; i < 100; i++) { |
| var div = document.createElement("div"); |
| div.id = "foo" + i; |
| div.className = "bar" + i; |
| parentDiv.appendChild(div); |
| parentDiv = div; |
| } |
| |
| var h1 = document.createElement("h1"); |
| h1.id = "id"; |
| h1.className = "class"; |
| parentDiv.appendChild(h1); |
| |
| PerfTestRunner.measureRunsPerSecond({ |
| description: "This benchmark tests querySelector() for an element that appears in the depths in the document", |
| run: function() { |
| for (var i = 0; i < 100; i++) { |
| document.querySelector("h1"); |
| document.querySelector("#id"); |
| document.querySelector(".class"); |
| } |
| }}); |
| </script> |
| </body> |
| </html> |