DOM order of operations (v2)

Revision 2 of this benchmark created by devu on

Preparation HTML

<p>Name 1: 
<input name="name1" id="name1" value="Bob Jones"></p>
<p>Name 2: 
<input type="name2" id="name2"></p>

<p>Address 1: 
<input name="address1" id="address1" value="1234 Street Rd., City, ST"></p>
<p>Address 2: 
<input type="address2" id="address2"></p>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
Staggered
var name1 = $('#name1').val();
$('#name2').val(name1);
var address1 = $('#address1').val();
$('#address2').val(address1);
ready
Linear
var name1 = $('#name1').val();
var address1 = $('#address1').val();
$('#name2').val(name1);
$('#address2').val(address1);
ready
pure JS
var name1 = document.getElementById("name1").getAttribute("value"); 
var address1 = document.getElementById("address1").getAttribute("value");

document.getElementById("name2").setAttribute("value", name1);
document.getElementById("address2").setAttribute("value", address1);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.