一、操作子节点
-
childNodes
通过该方式可以获取父节点下的所有子节点,但是由于浏览器的差异,这写节点中可能包含文本节点。
json
我们通过浏览器打开上面的代码会发现提示框是5。这是因为 ul 标签中的空白处可以被视为文本节点。如果只直接访问 li 节点则需要进行节点类型判断。
json
-
children
通过该方法可以直接获取父节点下的元素节点
json
firstChild和 lastChild是分别访问子标签中的第一个节点和最好一个节点,不过可能会出现问题就是访问到的可能是元素节点。
二、操作父节点
-
parentNode
通过上面的方式可以让父节点隐藏
-
offsetParent
寻找脱离文档流的父节点(使用了绝对定位或相对定位的父节点)
json
如果去掉#div1中的position属性,则整个body的背景会变为黄色,如果不去则只有div1的背景是黄色
-
setAttribute
json
setAttribute方法有很多限制,如果允许的话最好选择JQuery中的attr方法。removeAttribute移除某个属性,获取属性值getAttribute。
-
className
json
- 1
- 2
- 32
- 4
className用于判断标签使用的类选择器