HTML Examples Dataset

HTML

      <ul>

        <li id="list01">vision</li>

        <li id="list02">leader ship</li>

        <li id="list03">partners</li>

        <li id="list04" data-reason="black">history</li>

        <li id="list05">certificates</li>

      </ul>

 

 

CSS

#list04[data-reason="black"] {

  display: none;

}

 

 

JS

const why = document.getElementById(`list04`);

console.log(why.dataset.reason);

 

 

ON BROWSER