Dom操作

 <div id="box" class="hah"><div class="sex">你好</div></div>

 
var ele=document.getElementById("box");

获取Id那个元素;

<div id="text" class="tex" align="center" data-type="magi">

用var div=document.getElementByTagName(div)[0];

div.id就直接可以获得text，除了class之外（这种方式获取的属性只能获取除class之外的标准的属性名）

这时候就要用到下面的getAttribute;

var att=ele.getAttribute("class");

获取属性这个元素的那个属性值

设置属性：

setAttribute("attribute",value);

div.setAttribute("data-color","red"),这样div就多里一个属性

删除属性：

ele.removeAttribute("attribute");

删除eleshang de attribute属性

var text=ele.firstChild;

获取元素的第一个子节点

div.parentNode:

获取父节点

nodeType:

文本节点是3   元素节点是1   属性节点2

<input type="text">

var ele=document.getElementsByTagName("input");

获取所有input元素的数组

*设置元素样式：

ele.style.styleName=styleValue;

只要支持style样式的都可以加：

比如：div.style.color=""

div.style.fontWeight="600";

几个重要的操作：

1：ele.innerHTML
返回ele元素开始和结束标签之间的HTML；

设置内容

ele.innerHTML="html"

设置ele元素开始和结束标签之间的HTML内容为html

2：className

设置class属性

事件

1：onload:页面加载时触发：window.onload

2:onclick:鼠标点击时触发

3：onmouseover:鼠标滑过时触发

4：onmouseout:鼠标离开时触发

5：onfoucs:获得焦点时触发

6：onblur:失去焦点时触发

7：onchange:域的内容改变时发生

onchange这个事件一般存在于select选择框上或者checkbox或者radio,选择的时候都会触发onchange事件；

select.onchange(){

}

鼠标事件

1：onsubmit:表单中的确定按钮被点击时发生的；是放在form表单上单的:2：

2：onmousedown:鼠标按钮在元素上按下时触发的

3：onmousemove:在鼠标指针移动时发生

4：onmouseup:在元素上松开鼠标按钮时触发

5:onresize:当调整浏览器窗口的大小时触发

6：onscroll:拖动滚动条滚动时触发

7:

onmouseenter 鼠标进入触发

onmouseleave 鼠标离开触发

键盘事件

onkeydown:在用户按下一个键盘按键时发生

onkeypress:在键盘按键被按下并释放一个键时发生

onkeyup:在键盘按键被松开时发生

keCode:键码

***在IE获取class放在style里的属性

元素。currentStyle.width

getComputedStyle(元素).width//其他浏览器里的