window.onload=function(){
	var hello=document.getElementById('hello'); //find element by id
	hello.className='declared';

	var empty=document.getElementById('empty');
	addNode(empty, "reader of");
	addNode(empty, "Ajax in Action");

	var children=empty.childNodes;
	for( var i = 0; i < children.length; i++) {
		 children[i].className='programmed';
	}

	empty.style.border='solid green 2px';
	empty.style.width="200px";		// style node directly
}
function addNode(el, text) {
	var childEl=document.createElement("div");
	el.appendChild(childEl);
	var txtNode=document.createTextNode(text);
	childEl.appendChild(txtNode);
}