JavaScriptDOM（二）

 1、排他思想：将所有元素(包括自己)的效果全部全部清除,重新设置当前元素。

鼠标事件：

a、鼠标经过：mouseover

b、鼠标离开：mouseout

2、属性的操作：

(1)获取属性值：

a、对于元素(标签)的固有属性有两种方法：

元素名.固有属性

元素名.getAttribute('固有属性')

  b、对于用户自定义的属性：

元素名.getAttribute('自定义属性')

(2)设置属性值

a、固有属性值的设置：

element.属性名 = 值

 element.setAttribute('属性', '值')

b、对于用户自定义的属性值的设置：

element.setAttribute('属性', '值')

(3)移除属性值：

element.removeAttribute('属性')

3、H5中自定义属性

 (1)自定义属性规范：data-属性名

(2)实现方式：

  a、在html标签中自定义

data-属性名

b、在JavaScript中定义

element.dataset.属性名='值'

(3)获取自定义属性值：

 a、element.dataset.属性名

 b、element.dataset['属性名']

dataset：是一个集合,里面存放的是以'data-'开头的所有自定义属性若自定义属性名含有多个分隔符(-),在获取属性值时,需要去掉'-',采用驼峰命名法

例如：

 <p data-list-phone="123456789">XXXXX</p>

在获取list-phone属性时采用：

p.dataset.listPhone  方式