Change all words in an HTML code

Question

Change all words in an HTML code

Navigation

#1 by (5 votes)

2

I need to do a Javascript function that changes all words found inside a website. I've tried something like this:

var elements = document.getElementsByTagName('div');
for (var i = 0; i < elements.length; i++) {
    var txt = elements.replace("Original","Alterada");
    document.getElementsByTagName(i).element.innerHTML = txt;
}

But unfortunately it did not work. Several errors appear. Any solution?

javascript

asked by anonymous 23.05.2014 / 16:54

1 answer

File reading in IDE works and at the time it generates .jar does not work How to disable Godaddy server cache?

score 5 · Accepted Answer

So:

var elements = document.getElementsByTagName('*');

for (var i = 0; i < elements.length; i++) {
    var txt = elements[i].innerHTML.replace("Original", "Alterada");
    elements[i].innerHTML = txt;
}

Note that this solution will only change the word "Original", not "original", nor "ORIGINAL", etc.

jsFiddle Example

As suggested by @Kazzkiq, the case-insensitive solution would look like this:

var elements = document.getElementsByTagName('*');

for (var i = 0; i < elements.length; i++) {
    var txt = elements[i].innerHTML.replace((new RegExp('(original)', 'gi')), "Alterada";
    elements[i].innerHTML = txt;
}

Example in jsFiddle