Benchmark: Conditional and unconditional setAttribute vs toggleAttribute

HTML Preparation code:

<div id="test"></div>

Script Preparation code:

var test_element = document.querySelector("#test")

Tests:

setAttribute - no if
for(let i = 0; i < 1000; i++){ test_element.setAttribute("asd","") } test_element.removeAttribute("asd")
setAttribute - with if
for(let i = 0; i < 1000; i++){ if(!test_element.hasAttribute("asd")){test_element.setAttribute("asd","")} } test_element.removeAttribute("asd")
toggleAttribute - no if
for(let i = 0; i < 1000; i++){ test_element.toggleAttribute("asd",true) } test_element.removeAttribute("asd")
toggleAttribute - with if
for(let i = 0; i < 1000; i++){ if(!test_element.hasAttribute("asd")){test_element.toggleAttribute("asd",true)} } test_element.removeAttribute("asd")

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:140.0) Gecko/20100101 Firefox/140.0

Browser/OS: Firefox 140 on Linux

Related benchmarks:

Conditional and unconditional setAttribute vs toggleAttribute (version: 1)