TAG
CSS
JavaScript
Result
Run
License
<ul class="items"> <li id="item1"><a href="#item1">Click me</a></li> <li id="item2"><a href="#item2">Click me</a></li> <li id="item3"><a href="#item3">Click me</a></li> </ul>
.items li:target { background: #FFFF00; }
window.addEventListener("load", () => { const $elAnchor = document.querySelectorAll(".items > li > a"); $elAnchor.forEach(elAnchor => { elAnchor.addEventListener("click", e => { e.preventDefault(); location.href = `about:srcdoc#${e.currentTarget.parentElement.id}`; }); }); });
Console
expand_less
License
License
by DevDic
Close