function domDemo() {
    // 全てのp要素一覧を p に得る
    var p = document.getElementsByTagName("p");
    // 1つ目のp要素を p1 に得る
    var p1 = p[0];			// 必ずp要素が見つかる場合に限る
    // p1の親を body に得る
    var body = p1.parentNode;
    // p1の子要素を全て得る
    var pChildren = p1.childNodes;

    // bodyの背景色を黄色に設定する。
    body.style.background = "yellow";
    // p1 の子すべての文字色を赤にする
    for (var i=0; i<pChildren.length; i++) {
	if (pChildren[i].style)
	    pChildren[i].style.color = "red";
    }
    // body要素の子要素全てのうちulがあればborderを紺の二重枠にする
    var allChildren = body.childNodes, c;	// 変数cもここで宣言
    for (i=0; i<allChildren.length; i++) {
	c = allChildren[i];
	// console.log(c.tagName);
	if (c.tagName && c.tagName.match(/ul/i)) {
	    c.style.border = "navy 3px double";
	}
    }
}
window.onload = domDemo;