WEB前端-HF-HTML5Programming-笔记-CH3 事件与处理程序

JS可以处理的事件：

1. 用户与界面交互：按钮点击/鼠标移动/鼠标移出/鼠标拖动/鼠标按下并保持

2. 数据到达

3. 时间到期

4. 浏览器窗口相关。

 

使用DOM创建新元素

Var li = document.createElement(“li”);//创建新元素

li.innerHTML = songName;//为元素增加内容

向DOM增加新元素

var ul = document.getElementById(“playlist”);//首先在树中找到<ul>元素（通过id）

ul.appendChild(li);//然后为它增加孩子

例子

点击按钮增加歌曲步骤：

1. 建立一个程序，用来处理用户点击

2. 编写程序，得到输入的歌曲名

3. 创建新元素包含新歌

4. 将元素增加到DOM

5. 保存添加的播放列表（使用HTML5 Web存储API）

NULL与””

Null，包含一个串，串中没有内容。

“”是空串，没有任何内容。

Attribute 与property

Html语言中元素的属性称为attribute，DOM中属性称为property