TAG
JavaScript
Result
Run
License
<p class="paragraph">A <span class="keyword">bad</span> excuse is <span class="keyword">better</span> than none.</p> <button type="button" id="btn-append">Append same class(Live test)</button>
window.addEventListener("load", () => { const elParagraph = document.querySelector(".paragraph"); const elKeywords = elParagraph.getElementsByClassName("keyword"); [...elKeywords].map(el => { el.style.color = "#FF0000"; }); document.querySelector("#btn-append").onclick = function() { let add = document.createElement("span"); add.textContent = "sometimes"; add.setAttribute("class", "keyword"); elParagraph.append(add); // Live, 추가한 요소를 다시 찾지 않아도 된다. [...elKeywords].map(el => { el.style.color = "#FF0000"; }); }; });
Console
expand_less
License
License
by DevDic
Close