Chapter 3 事件与回调函数
1 事件与事件处理程序
- 事件处理程序 (handler): 又称回调函数 (callback),使用前先向事件注册
- 事件对象: 大多数DOM事件发生,会向处理程序传递事件对象
- 事件: 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);