JS 操作节点

常用事件
Click
Dbclick
Mousedown
Mouseout
Mouseover
Mouseup
Mousemove

页面上所有元素均支持鼠标事件
时间发生顺序
单击：moousedown、mouseup、click
双击：
通过JS设置获取元素属性
getAttribute（attName）—>获取属性
setAttribute（attName，value）—>设置属性
节点的增、删、替换
creatElment（元素标签）：创建一个新的元素
creatTextNode（Text）：创建一个文本节点
appendChild（node）：添加元素节点到childNode中
removechild（node）从childNodes中删除节点
replaceChild（newNode，oldNode）替换节点
cloneNode（node）：克隆节点，克隆后第一时间修改id
操纵元素style样式属性
每个CSS样式，style对象都包含了一个名称类似的属性
一个单词的样式通常名称相同
两个单词的样式通常改为驼峰命名法
只需要对style的相应属性赋值，就可以操纵其样式
Div1.style.border=”1px solid black”
Style对象提供cssText描述样式表属性
操作外部样式表中的样式
style对象无法得到外部样式表的样式。
document.styleSheets得到所有样式表的集合。
DOM为样式表指定了一个称为cssRules的集合。
IE有一个名称为rules的集合。
//获取并操作外部样式表
var cssRules =
document.styleSheets[0].cssRules || document.styleSheets[0].rules;
alert(cssRules[0].style.color);
//修改外部样式表
cssRules[1].style.backgroundColor = “red”;
操作table的更好方法
DOM提供了专门操作table的方法
rows：表格的所有节点集合
deleteRow：删除指定位置的节点
insertRow(pos)：在指定位置插入节点
cells：节点中所有集合
deleteCell(pos)删除指定位置上的节点
insertCell(pos)在指定位置插入一个节点
class属性例外，它是关键字，应替换成className
window.onload=function(){
}表示窗口加载完一次就会执行这个函数