Run results for: Property vs. attribute

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 4 months ago

Test name	Executions per second
getAttribute	2543.1 Ops/sec
get property	4465.7 Ops/sec

HTML Preparation code:

<div id="container"></div>

Script Preparation code:

var el = document.createElement('a');
el.textContent = 'test';
el.setAttribute('href', 'http://test.de')
el.setAttribute('data-test-id', '123')
el.setAttribute('id', 'test')
el['testId'] = '123'
document.getElementById('container').appendChild(el)

Tests:

getAttribute
var i = 10000; while (i--) { document.getElementById('test').getAttribute('data-test-id') }
get property
var i = 10000; while (i--) { document.getElementById('test').testId }

Run results for: Property vs. attribute

getAttribute

get property