DOM就是Document Object Model
DOM树:文档、元素(所有标签)、节点(标签、属性、文本、注释等)
dir的作用,可返回元素对象,更好的查看里面的属性
事件三要素:1.事件源 2.事件类型 3.事件处理程序
DOM之操作元素:
1.表单元素操作
2.样式属性操作
element.style;在js中产生的是行内样式
element.className;类名样式操作(适用于样式较多,功能复杂的情况),如果想要保留原先的类名,可以用多类名选择器,即this.className = ‘first change’;(这里的first和change为类名)
3.自定义属性操作(我们程序员自己添加的属性):
(1)获取属性值
element.属性; (获取内置属性值,元素本身自带的属性)
element.getAttribute(‘属性’);(主要获得自定义的属性)
(2)设置属性值
element.属性 = ‘值’;
element.setAttribute(‘属性’,‘值’);
(3)移出属性
element.removeAttribute(‘属性’);
注意:H5规定自定义属性以data- 开头作为属性名,并且赋值
最后-----排他思想内容:
如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法:
(1)所有元素全部清除样式
(2)给当前元素设置样式
(3)首先干掉其他元素,在设置本身元素(顺序不可颠倒)