PerformanceTests/Parser/query-selector-deep.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <script src="../resources/runner.js"></script>
   5 <script>
   6 var parentDiv = document.body;
   7 for (var i = 0; i < 1000; i++) {
   8     var div = document.createElement("div");
   9     div.id = "foo" + i;
  10     div.className = "bar" + i;
  11     parentDiv.appendChild(div);
  12     parentDiv = div;
  13 }
  14
  15 var h1 = document.createElement("h1");
  16 h1.id = "id";
  17 h1.className = "class";
  18 parentDiv.appendChild(h1);
  19
  20 PerfTestRunner.runPerSecond({
  21     description: "This benchmark tests querySelector() for an element that appears in the depths in the document",
  22     run: function() {
  23         for (var i = 0; i < 100; i++) {
  24             document.querySelector("h1");
  25             document.querySelector("#id");
  26             document.querySelector(".class");
  27         }
  28     }});
  29 </script>
  30 </body>
  31 </html>