JS事件
onfocus :获得焦点
onblur :失去焦点
onsubmit:提交焦点
querySelector() 填入的参数的是选择器
JS事件总结
* onload :加载事件
* onclick :点击事件
* onsubmit :提交事件
* onfocus :焦点移入事件
* onblur :焦点移除事件
* onchange :下拉列表改变事件.
* ondblclick:双击某个元素的事件.
键盘操作事件:
* onkeydown :键盘按下事件
* onkeyup :键盘弹起
* onkeypress:
鼠标操作事件:
* onmousemove:鼠标移动
* onmouseout:鼠标移入
* onmouseover:
DOM:
什么是DOM
DOM :Domcument Object Model 文档对象模型
整个文档是 document
标签对象都是Element
文本对象 text
属性对象 Attribute
所有都可以称为Node 节点
将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
DOM的使用:
知道document,element,attribute中的属性和方法
【DOM的常用的操作】
获得元素:
* document.getElementById(); -- 通过ID获得元素.
* document.getElementsByName(); -- 通过name属性获得元素.
* document.getElementsByTagName(); -- 通过标签名获得元素.
创建元素:
* document.createElement(); -- 创建元素
* document.createTextNode(); -- 创建文本
添加节点:
* element.appendChild(); -- 在最后添加一个节点.
* element.insertBefore(); -- 在某个元素之前插入.
删除节点:
* element.removeChild(); -- 删除元素
【使用DOM完成对ul中添加一个li元素】
function addElement(){
var city = document.getElementById("city");
// 创建一个元素:
var liEl = document.createElement("li");
// 创建一个文本节点:
var text = document.createTextNode("深圳");
// 添加子节点:
liEl.appendChild(text);
city.appendChild(liEl);
}
|
|