Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html><html><body style="padding:20px;font-family:Arial"><h2 id="t">DOM Demo</h2><ul><li class="item">One</li><li class="item">Two</li><li class="item">Three</li></ul><button onclick="hi()">Highlight</button><script>function hi(){document.querySelectorAll(".item").forEach((el,i)=>{el.style.background=["#ede9fe","#d1fae5","#fef3c7"][i];el.style.padding="4px 8px";el.style.borderRadius="4px";});}</script></body></html>
Result
Open