Run results for: Check if an element contains a class name using a regular expression (v3)

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser: Chrome 106

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

HTML Preparation code:


<div class='hello_world one two three four five six seven eight nine testClass' id='demoBlock'></div>

Script Preparation code:

var el = document.getElementById('demoBlock');

Tests:

loop
for (var i=0, l=el.classList.length; i<l; ++i) { if(/hello_[^\s]+/.test(el.classList[i])) { console.log('found') break; } }
className test
if (/hello_[^\s]+/.test(el.className)) { console.log('found') }
className match
if (el.className.match(/hello_[^\s]+/)) { console.log('found') }