DOM03- 节点的操作

节点的操作

节点：页面中所有东西都是节点（标签节点，属性节点，文本节点，注释节点）

元素 = 标签节点

节点的常用属性

nodetype节点类型

nodename节点名称

nodevalue节点值

兄弟节点

下一个 next sibling
上一个 previous sibling

兄弟元素

next elementsibling

ie6,7,8不兼容，需封装函数工具解决

孩子节点

第一个孩子节点

firstChild

childNods

获取所有孩子节点

children（很常用）

获取所有的孩子元素，不会获取其他节点。

IE6-8会包含注释节点

阻止页面跳转的几种方式

1.href="#"跳转到了当前页面的一个锚点（#=top锚点，页面没有刷新）

2.href="###"跳转到了当前页面的一个锚点（找不到这个锚点，页面不动）

3.href=" "页面跳转到了当前页面（刷新了）

4.return flase；需要注册事件，麻烦

5.javascript：void（0）最常用

事件属性

on key down:当键盘按下去时

on key up：当键盘弹起时

样式操作

基本规则

1. 对象里也有style属性，element.style依然是一个对象
2. style对象中的属性值都是字符串类型
3. 获取到的值是什么格式，设置就是什么格式
4. 能够在CSS中设置的样式都可以通过style对象设置
5. 对于带-的样式名称，在js里面变成驼峰命名法
6. style对象只能获取行内的样式
7. 设置不透明度的时候因为有兼容问题需要写2种

使用时机

style：某一个样式值一直变化

class

位置操作

1. 设置位置的时候一定要有定位和单位px
2. 设置z-index时候也一定要有定位

实用技巧

获取body

document.body