TAG
JavaScript
Result
Run
License
<p class="paragraph">A <span>bad</span> excuse is <span>better</span> than none.</p> <button type="button" id="btn-append">Append same tag(Live test)</button>
window.addEventListener("load", () => { const elSpans = document.querySelector(".paragraph") .getElementsByTagName("span"); [...elSpans].map(el => { el.style.color = "#FF0000"; }); document.querySelector("#btn-append").onclick = function() { let add = document.createElement("span"); add.textContent = "sometimes"; add.setAttribute("class", "keyword"); document.querySelector(".paragraph").append(add); // Live [...elSpans].map(el => { el.style.color = "#FF0000"; }); }; });
Console
expand_less
License
License
by DevDic
Close