JSFiddle - React, Tailwind, and code Playground

by Ray Schulz

HTML

<ol>
    <li>one</li>
    <li data-huha="apple">two</li>
    <li data-huha="">three</li>
    <li data-huha="pear">four</li>
</ol>

CSS

.red {
    color: red;
}

JavaScript

var huha = [];
var children = document.getElementsByTagName("ol")[0].children;
for (var i = 0; i < children.length; i++) {
    if (children[i].dataset.huha != null && children[i].dataset.huha !== "") {
        huha.push(children[i]);
    }
}

for (var i = 0; i < huha.length; i++) {
    huha[i].className = "red";
}