1<!DOCTYPE html> 2<html> 3<head> 4 <title>Line height calculation performance test</title> 5 <script src="../resources/runner.js"></script> 6</head> 7<body> 8 <pre id="log"></pre> 9 <div id="target" style="width: 300px; display: none;"> 10 </div> 11 <script> 12 var target = document.getElementById("target"); 13 var style = target.style; 14 var rows = 10000; 15 var el = document.createElement('p'); 16 el.innerHTML = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut elit lacus, non convallis odio. Integer facilisis, dolor quis porttitor auctor\n'; 17 for (var i = 0; i < rows; ++i) { 18 var e = el.cloneNode(true); 19 target.appendChild(e); 20 } 21 function test() { 22 style.display = "block"; 23 style.width = "280px"; 24 target.offsetLeft; 25 style.width = "300px"; 26 target.offsetLeft; 27 style.width = "290px"; 28 target.offsetLeft; 29 style.display = "none"; 30 } 31 32 PerfTestRunner.measureTime({ run: test }); 33 </script> 34</body> 35</html> 36