JavaScript6

1.DOM. element对象

Node编程:

元素可以理解为节点，节点不一定是元素。注释是节点，标签之间的空白和换行也是节点
1. childNodes:所有的一级子节点。(复数)
2. parentNode:父节点
3. document.createElement("div");  创建一个div元素
4. appendChild(node);  在元素尾部添加一个子节点
5. insertbefore

attribute: 属性 property:属性 field:属性

2. attribute

1. attributes:获取所有属性组成的Attr数组
2. setAttribute("属性名","属性值");设置属性
3. getAttribute("属性名")  根据属性名 获取属性值
4. removeAttribute("属性名")删除属性
5. innerHTML: 标签的内容，而且可以是html标签
6. innerText: 标签的内容，但是如果有html标签，会转义成文本。
7. nextSibling; 属性，获取下一个同辈节点  (sibling:同辈)
补充：
8. select上的属性:(多选框)
	1. options:所有选项
	2. selectedIndex:当前被选中的下标
	3. selectedOptions:所有被选中的选项
	4. value: 就是被选中的option的value
9. ClassName 就是 返回类名本身  class="a b c"
10. style 样式
	1. style.backgroundColor = "red"
	2. style="background-color:red" 两种写法
11. 特殊属性：checked/selected/disabledreadonly

3.事件：事件驱动

1. onclick: 事件名叫:click(on 是动作，一下同理)
2. onchange:
3. onload: body/image特有
4. onkeydown/press/up

4.事件写法

1. 标签上onclick="函数();"
2. js:element.getElement....().onclick = function(){}
3. addEvent();

5.事件的冒泡，与 事件捕获

1.事件冒泡：父子都有同一个事件onclick，先触发子再触发父，由精确变不确定
2.事件捕获：当点击时吗，先走的是父，再走子，知道找到精确事件。开始触发。（应该是捕获完了再触发）（IE是从父到子，谷歌火狐是从子到父）
3.阻止事件冒泡：
	event.stopProragation();阻止冒泡
4.事件捕获方式：、
先走父后走子，找到事件就运行事件
element.addEventListener(事件名没有on，匿名函数，false);
第三个参数，如果是true:找到事件就运行事件

6.event对象

1.事件源：event.target:获取事件源：就是发生事件的控件
2.键盘的监听：event.keyCode:键盘上的键  ASCII 13是回车  32是空格

1.事件();

element.click(); 用js调用元素的点击事件

2.各种事件：

1. onfocus 获取焦点事件
2. onblur 失去焦点
3. onclick 点击事件
4. ondblclick 双击事件
5. onchange value改变事件
6. onkeydown 键盘按下
7. onkeyup 键盘松开
8. onkeypress  按着
	1. event:keyCode    
9. onmousedown:鼠标按下
10. onmouseup:鼠标键松开
11. onmouseover:鼠标进入控件
12. onmouseout:鼠标移出控件
13. onmousemove:鼠标在控件上移动
	1. event.offset:有鼠标的位置坐标(兼容有问题)
14. onload:界面加载之后运行。一般用于body和img标签
15. onsubmit:form表单的提交事件