Run results for: Comparison of replacing a class with className, classList.replace and setAttribute

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36

Browser: Chrome 79

Operating system: Windows 7

Device Platform: Desktop

Date tested: 4 years ago

HTML Preparation code:

<div id="test" class="no-js">

Tests:

Element.className
const element = document.getElementById("test"); let i = 1000; while (i--) { element.className = element.className.replace(/\bno-js\b/, 'js'); }
Element.classList
const element = document.getElementById("test"); let i = 1000; while (i--) { element.classList.replace('no-js', 'js'); }
Element.setAttribute
const element = document.getElementById("test"); let i = 1000; while (i--) { element.setAttribute('class', 'js'); }