JavaScript Forum

**Skeddles** · 03-19-2009, 08:11 PM

I want to replace text on the document with javascript

like where it finds "word" it will replace it with "cow"

is this possible? I've searched but can't find anything.

**chrishirst** · 03-19-2009, 08:16 PM

http://www.w3schools.com/jsref/jsref_replace.asp

**Skeddles** · 09:06 PM

For some reason my page keeps continuously loading

Code:

<html>
<head>
<script type="text/javascript">
function replacetop() {
var topbefore="before";
var topafter="newfore";

document.write(document.body.innerHTML.replace(topbefore,topafter));
}

function replacebottom() {
var bottombefore="after";
var bottomafter="aftore";

document.write(document.body.innerHTML.replace(bottombefore,bottomafter));
}
</script>
</head>
<body>




<form>
<input type="button" onclick="replacetop()" value="Call function">
<input type="button" onclick="replacebottom()" value="Call function">
</form>

before ME after

</body>
</html>

any idea?

http://linkpagecentral.com/js.php

**chrishirst** · 03-20-2009, 04:15 AM

It's because you are running it as a document.write in the head, doing that will replace the whole document with whatever you write back.

load the body innerHTML into a string, replace and put the text back in to the body.
eg:

Code:

function before() {
var m_reBefore= /before/g;
var m_sAfter="after";
var m_sStr = document.body.innerHTML.replace(m_reBefore,m_sAfter);
document.body.innerHTML = m_sStr;
}