Capítulo 14

DOM Core replaceChild

JavaScript

<script type="text/javascript">
window.onload = function () {
var botaoSubstituir,  para, velhoNo, novoNo;	
	botaoSubstituir = document.getElementById("btn");	
	para = document.getElementsByTagName("p")[0];
	velhoNo = document.getElementsByTagName("b")[0];
	novoNo = document.createTextNode("palavra substituta");
	
	botaoSubstituir.onclick = function() {
		para.replaceChild(novoNo, velhoNo);
	}
}
<script>

HTML

...
<p class="xpto">Texto do parágrafo com <b>palavra</b> em negrito.</p>
<button type="button" id="btn">Substituir B</button>
...

Texto do parágrafo com palavra em negrito.