자바스크립트로 텍스트 변경하기 II (자체 정리용)

워드프레스 정보를 제공하는 블로그 Avada 2018. 4. 5. 15:08 • 댓글:

자바스크립트를 사용하여 특정 클래스(class)를 가진 모든 텍스트를 일괄 변경하는 방법:

var elements = document.querySelectorAll('.something');

for ( var i=elements.length; i--; ) {
    elements[i].textContent = "원하는 문구";
}

그러면 something을 클래스로 가진 모든 텍스트가 변경된다.

<div class="something">블라블라</div>
<br>
<div class="something">살라살라</div>
<br>
<div class="something">블라블라</div>
<br>
<div class="something">살라살라</div>

jQuery를 사용하면 더 간단하다.

참고: