Run results for: getAttribute vs get property (.)

Run details:

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

Browser: Firefox 114

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
<a> setAttribute	62949.5 Ops/sec
<a> assignment (=)	48324.7 Ops/sec
<input> assignment (=)	56562.9 Ops/sec
<input> setAttribute	65412.1 Ops/sec

Script Preparation code:

var anchor = document.createElement("a");
anchor.href = "https://localhost/";
var input = document.createElement("input");
input.value = "Hello! 🥺";

Tests:

<a> setAttribute
console.log(anchor.getAttribute("href"));
<a> assignment (=)
console.log(anchor.href);
<input> assignment (=)
console.log(input.value);
<input> setAttribute
console.log(input.getAttribute("value"));

Run results for: getAttribute vs get property (.)

getAttribute vs get property (.)

<a> setAttribute

<a> assignment (=)

<input> assignment (=)

<input> setAttribute