JS里的Web Apl 第二天

排他思想
用for循环做排他算法

鼠标事件
鼠标经过onmouseover
鼠标离开onmouseout

this.checked得到当前复选框的状态 如果是选中状态就是TRUE 

自定义获得元素的方法
1.获取元素的属性值
element.属性
2.element.getAttribute('属性')
get得到获取 attribute 属性的意思

设置属性值
1.element.属性 = '值' 设置内置属性值
2.element.setAttribute('属性','值')；
主要针对于自定义属性

移除属性
removeAttibute(属性)

H5自定义属性
目的:是为了保存并使用数据，有些数据可以保存到页面中而不用保存到数据库中

获取方式是通过getArribute('属性')获得

H5规定自定义属性data-开头做为属性名并且赋值
或者使用JS设置
element.setAttribute('data-index',2)

h5新增的获取自定义属性的方法
div.dataset.index或者div.dataset['index']
dataset是一个集合里面存放了所有以data-开头的自定义属性
如果自定义属性里面有多个-链接的单词，我们获取的时候采取 驼峰命名法

父节点操作
parentNode属性（重点）
可返回某节点的父节点，是最近的一个父节点，如果指定的节点没有父节点则返回null
子节点属性
parentNode.childNodes(标准)
childNodes 所有的子节点 包含 元素节点 文本节点等等
parentNode.children(非标准)（重点）
children只获取元素节点 实际开发常用

节点层级
firstElementChild 返回第一个子元素节点，找不到返回null
lastElementChild 返回最后一个子元素节点
有兼容性问题

实际开发的写法 既没有兼容性问题又返回第一个子元素
例子：
第一个
console.log(ol.children[0]);
最后一个
console.log(ol.children[ol.children.length - 1]);

兄弟节点
nextElementSibling 下一个兄弟元素节点 
previousElementSibling 上一个兄弟元素节点
有兼容性问题

创建节点元素节点
document.createElement
添加节点
node.appendChild(child) node父级
child 子级 指定父节点的子节点列表末尾
node.insertBefore(child,指定元素)
在指定元素前面添加
我们想要页面添加一个新的元素：1.创建元素 2.添加元素