[Head First Html5 Programming notes] Chapter 3 事件与回调函数

Chapter 3 事件与回调函数

---

1 事件与事件处理程序

1. 事件处理程序 (handler): 又称回调函数 (callback)，使用前先向事件注册
2. 事件对象: 大多数DOM事件发生，会向处理程序传递事件对象
3. 事件: click, load, unload, resize, play, pause, dragstart, drop, mousemove, mouseover, mouseout, keypress, touchstart

2 创建新元素

var li = document.createElement("li"); 	//document.createElement('element')创建新元素
li.innerHTML = songName;				//innerHTML property设置元素内容
ul.appendChild(li);   					//appendChild向DOM中父元素添加子元素
//创建列表项，其内容设为歌曲名，向DOM中列表添加列表项 

(1) document.createElement('elementName')方法

e.g. document.createElement('a');
     document.createElement('p');

(2) parent.appendChild(child)方法

e.g. var list = document.getElementById('nameList');
	 list.appendChild(name);