TAG
CSS
JavaScript
Result
Run
License
<div id="original"> <h1>I am Original!</h1> </div> <div class="thumbnail"> <h2>Thumbnail</h2> </div> <p>Test in Firefox. Not yet all.</p> <button type="button" id="btn-modify">Modify</button>
.thumbnail { width: 200px; height: 200px; border: 1px solid #CCC; background-image: -moz-element(#original); background-image: element(#original); float: left; display: flex; justify-content: center; align-items: center; } .thumbnail > h2 { background-color: #FFFF00; }
window.addEventListener("DOMContentLoaded", e => { const elBtn = document.getElementById("btn-modify"); const elTitle = document.querySelector("#original > h1"); elBtn.onclick = e => { elTitle.style.color = "#FF0000"; }; });
Console
expand_less
License
License
by DevDic
Close