TAG
CSS
JavaScript
Result
Run
License
<button type="button" id="btn-replace"><h4>Replace with inline</h4></button> <ul class="list"> <li>Item1</li> <li>Item2</li> <li>Item3</li> <li>Item4</li> <li>Item5</li> </ul>
ul { padding-left: 0; list-style-position: inside; }
window.addEventListener("load", () => { document.getElementById("btn-replace").onclick = e => { [...e.currentTarget.nextElementSibling.children].forEach(li => { li.style.display = "inline"; }); }; });
Console
expand_less
License
License
by DevDic
Close