Replace string of text javascript

document.getElementsByClassName() method returns, as its name suggests, a collection (HTMLCollection) of elements, not a single one -even if there's just a single element with the given classname(s) in DOM.

You need to go through each of them in order to make such a replacement. For example:

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');
}

JSFiddle.

Alternatively, if you know for sure that there should be only a single element, you can assign it directly:

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

If you only have one occurrence of the element this will work:

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

If multiple data rating elements exist use:

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

Both method correct some flaws in the original code.

First, rating was misspelled in the argument passed to getElementsByClassName. Second, getElementsByClassName() uses class names delimited by spaces to select elements with multiple classes, instead of multiple arguments. Get elementsByClassName returns an array of elements which must be iterated through.

JS Fiddle: http://jsfiddle.net/sgGQz/5/

You need to check again for getElementsByClassName,It returns node-List, so you can do like this and You can loop through then after each element and set your value

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

Here is the example as you have only one occurance

• javascript