TAG
CSS
JavaScript
Result
Run
License
<button type="button" id="btn-replace"><h4>Replace with block</h4></button> <p> <span>Item1</span> <span>Item2</span> <span>Item3</span> <span>Item4</span> <span>Item5</span> </p>
span { background-color: #EAEAEA; margin: 10px 0; }
window.addEventListener("load", () => { document.getElementById("btn-replace").onclick = e => { [...e.currentTarget.nextElementSibling.children].forEach(span => { span.style.display = "block"; }); }; });
Console
expand_less
License
License
by DevDic
Close