一、今日所学内容
1、排他思想
(1)概念:排他思想是为一组同类型元素中的某一个元素设置样式时,采用的一种特定顺序
(2)优势:适用于多个同类型元素设置样式或者效果的情况,避免为单个元素重复设置相同样式,可以有效显示出用户操作下某一元素的改变
(3)步骤:
为全部元素设置一般效果;
为特定元素设置特定效果
2、节点
(1)html文档中,每一个成员都是一个节点对象,节点对象具有自己的属性和方法
(2)特殊节点
获取html节点
varhtml=document.documentElement;
获取body节点
varbody=document.body;
(3)子节点找父节点
子找父:parentNode
closest方法:向上查找一层一层往上找,如果找到了就停下来使用,如果找不到就返回null;找的是离自己最近的父级节点;
(4)父节点找子节点
会受到空格和回车的影响
列表中的第一个节点:firstChild
列表中的最后一个节点:lastChild
所有的子节点:childNodes
不会受到空格和回车影响
firstElementChild---第一个子节点
lastElementChild---最后一个子节点
children---全部子节点
(5)兄弟节点
nextElementSibling---下面兄弟节点
previousElementSibling---上面兄弟节点
(6)新增节点
创建节点:document.createElement('tagName');tagName:标签名
插入节点:
appendChild(插入的节点)--后面追加
insertBefore(插入的节点,指定节点)--插入指定节点前面
(7)删除节点
removeChild(要删除的子节点);
|