JS: Changing Text with innerHTML

gistfile1.htm

// Changing Text with innerHTML
// http://www.tizag.com/javascriptT/javascript-innerHTML.php
<script type="text/javascript">
function changeText(){
	document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/>


//Changing HTML with innerHTML
<script type="text/javascript">
function changeText3(){
	var oldHTML = document.getElementById('para').innerHTML;
	var newHTML = "<span style='color:#ffffff'>" + oldHTML + "</span>";
	document.getElementById('para').innerHTML = newHTML;
}
</script>
<p id='para'>Welcome to the site <b id='boldStuff3'>dude</b> </p> 
<input type='button' onclick='changeText3()' value='Change Text'/>