<div id="hato">山形県は，<b>きれいなところです。</b></div>
<script type="text/javascript">
<!--
var hata=false;
var henka=function(){
if(!hata){document.getElementById('hato').firstChild.nodeValue="秋田県も，";hata=true;}else{document.getElementById('hato').firstChild.nodeValue="山形県は，";hata=false;}}

/*********************************************************************************

document.getElementById('hato')　→　親要素の取得　→　山形県は，<b>きれいなところです。</b>

山形県は，　→　最初の子ノード（テキストのノード）
	<b>きれいなところです。</b>　→　２番目の子ノード（bタグで修飾されたノード）

document.getElementById('hato').firstChild.nodeValue　→　山形県は，

（注）<div id="hato"></div>のように入力がない（空）の場合はnullまたは表示されません。

変数　hataについて
	if構文の処理を別々にしています，クリックする度にfalse,trueを交互に使い分け処理を別々にしています。
	この例では，山形県は，秋田県も，がクリックする度に交互に表示されます。
***********************************************************************************/

function henka2(){
alert(
document.getElementsByTagName('span').item(3).firstChild.nodeValue);
}

// -->
</script>
<input type="button" value="クリック" onclick="henka()">
<br />
<input type="button" value="クリック" onclick="henka2()">
</body>
</html>

徳川家康宮本武蔵おつう又八朱美

山形県は，きれいなところです。

getElementsByTagNameで記述の場合

参考