Javascript로 문자열의 일부를 변경하는 방법 [자체 정리용]

자바스트립트를 사용하여 문자열의 일부를 변경하는 방법.

예시:

<div class="label">Rating:</div>
<div class="data rating">****</div>

Javascirpt:

var elements = document.getElementsByClassName("data rating");
for (var i = 0, l = elements.length; i < l; i++) {
  elements[i].innerHTML = elements[i].innerHTML.replace(/\*/g, 'star');
}
// 출처: https://stackoverflow.com/questions/18824371/replace-string-of-text-javascript

JSFiddle

요소(element)가 하나만 있는 경우 확실한 경우

var elementToAdjust = document.getElementsByClassName("data rating")[0];
// ...

다른 방법:

요소가 1번만 나타나는 경우

var str=document.getElementsByClassName("data rating")[0].innerHTML; 
var n=str.replace(/\*/g,"star");
document.getElementsByClassName("data rating")[0].innerHTML=n;

요소가 여러 번 나타나는 경우

var elems =document.getElementsByClassName("data rating");
    for(var i = 0; i < elems.length; i++){
        elems[i].innerHTML = elems[i].innerHTML.replace(/\*/g,"star");
    }

자바스크립트/jQuery 템플릿:

PHP 스크립트, 워드프레스 플러그인, javascript 템플릿, CSS 코드 등을 판매하는 CodeCanyon에서 다양한 기능(예: 슬라이드)의 자바스크립트 또는 jQuery 템플릿을 저렴하게 구입할 수 있습니다.

References:

• Document.getElementsByClassName()
• HTMLCollection
• How to replace all occurrences of a string in JavaScript? (자바스크립트에서 한 문자열 내에서 특정 문구를 모두 바꾸는 방법)
• JavaScript String replace() Method (자바스크립트 String replace() 메소드)

참고:

• CSS로 배경 이미지를 높이에 맞게 자동으로 설정하기