<body>
<div>山形県は，<b>きれいなところです。</b></div><br />
<input type="button" id="hato2" value="stop" onclick="move()">
<script type="text/javascript">
<!--
var hata=false;
var hata2=false;
var henka=function(){
if(!hata){document.getElementsByTagName("body").item(0).getElementsByTagName("div").item(5).firstChild.nodeValue="秋田県も，";hata=true;}else{document.getElementsByTagName("body").item(0).getElementsByTagName("div").item(5).firstChild.nodeValue="山形県は，";hata=false;}}

var tokei=setInterval("henka()",3000);

var move=function(){

if(!hata2){
clearInterval(tokei);document.getElementById("hato2").value="start";hata2=true;}else {tokei=setInterval("henka()",3000);document.getElementById("hato2").value="stop";hata2=false;}
}
// -->
</script>

（付）
	・document.getElementById　はHTML文書内の属性（プロパティ）id を使用します。
		id で名前を付けた要素は文書内に１つしか存在しませんので，これで要素は特定できます。

・document.getElementsByTagName　はHTML文書内のタグ名を使用します。
		文書内に同じタグ名は複数存在します。（Elementsと複数表記）
		同じタグ名の内，何番目のタグ名を指定するかを　item(インデックス番号) で指定します。
		これで要素は特定できます。１番目が 0 ，２番目が 1 ...

（例）document.getElementsByTagName("body").item(0).getElementsByTagName("div").item(0).firstChild.nodeValue
		document　→　HTML文書全体つまり<HTML>のこと。
		getElementsByTagName("body")　→　HTML文書全体の中にある body タグを数えリストとして保管されます。通常は１つ。
		getElementsByTagName("body").item(0).getElementsByTagName("div").item(0)　→　body要素の１番目を指定し
		その中にある　div要素を数え１番目のdiv要素を指定します。これで要素が特定できました。
		firstChild　→　特定した要素内の一番最初の子要素。
		nodeValue　→　要素内のデータ。

（実際は上位要素は省略します　getElementsByTagName("body").item(0)は省略します。）

・ノードの種類
		要素ノード　→　HTMLのタグ
		属性ノード　→　タグ内の属性（プロパティ）href,src,idなど。
		テキスト　→　タグ以外のテキスト