Benchmark: using getAttribute vs property to access an element's href

HTML Preparation code:

hi
<a id="yes" href="/okay">go here!!!! jkkjkkjjj don't</a>

Tests:

getAttribute
const element = document.getElementById('yes'); let i = 1000; while (i--) { // here let attr = element.getAttribute('href'); console.log(attr); }
property
const element = document.getElementById('yes'); let i = 1000; while (i--) { // here 2 let attr = element.href; console.log(attr); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
getAttribute
property

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:128.0) Gecko/20100101 Firefox/128.0

Browser/OS: Firefox 128 on Windows

Test name	Executions per second
getAttribute	172.7 Ops/sec
property	140.3 Ops/sec

using getAttribute vs property to access an element's href (version: 0)