$(this).attr('id') vs $(this).prop('id') vs document.getElementbyId (v5)

Revision 5 of this benchmark created on

Description

Tests for .attr('id') vs .prop('id') vs document.getElementById('test') when returning a jQuery object

Preparation HTML

<div><div></div>I AM SOME CONTENT LOREM IPSUM DOLOR SIT AMEt<div><a href="http://google.com">non-test text and then <span id="test">test</span></a></div>asdf asdfa ssf saf<span class="filler">jkasdfjkakjdf</span>d</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
  var elem = $('#test');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
.attr('id')
elem.attr('id');
ready
.prop('id')
elem.prop('id');
ready
native .id
elem[0].id;
ready
native .id ver. 2
elem.get(0).id;
ready
native .getAttribute
elem[0].getAttribute('id');
ready
native .getAttribute ver. 2
elem.get(0).getAttribute('id');
ready
document.getElementById('test')
document.getElementById('test')
ready

Revisions

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