WebAPI第二天知识点总结

WebAPI第二天知识点总结

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

获取属性值：
element.属性 获取内置属性值（元素本身自带的属性）
element.getAttribute(‘属性’) 主要获得自定义的属性

设置属性值：
element.属性 设置内置属性值
element.setAttribute(‘属性’) 主要设置自定义的属性

移出属性：
element.removeAttribute(‘属性’)

设置H5自定义属性：
H5规定自定义属性data-开头做为属性名并且赋值

获取H5自定义属性：
element.getAttribute(‘data-index’) 兼容性获取

节点概述：

网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这三个基本属性。

父级节点：node.parentNode
子节点：parentNode.childNodes
子元素节点：parentNode.children
第一个子节点:parentNode.firstChild
最后一个子节点:parentNode.lastChild
第一个子元素节点：parentNode.firstElementChild
最后一个子元素节点：
parentNode.lastElementChild

创建节点：
document.createElement(‘tagName’)
添加节点：
node.appendChild(child)
将一个节点添加到父节点的子节点列表末尾
node.insertBefore(child,指定元素)
将一个节点添加到父节点的指定的子节点前面