PHP菜鸟学习历程-1 JS高级-34-昨天内容回顾

JS高级-34-昨天内容回顾     时间:2015-5-11

1、DOM获取元素节点

document.getElenmentById(id 属性值)                                   具体元素节点对象

document.getElenmentsByTagName(tag 标签名称 div ul li)        数组列表

document.getElenmentsByName(Name 属性值)                       数组列表

2、DOM获取属性节点及属性操作

node.attributes;                   数组列表

node.attributes.属性名称;       获取具体属性节点对象

node.attribute[‘class‘] 获得 class 属性节点

属性操作

操作w3c规定的属性

node.属性名称;         获得属性信息

node.属性名称=属性值;    修改属性信息

操作 class属性，需要将其设置为className名称。

node.className;

操作w3c规定的 和 自定义的 属性

node.getAttribute(属性名称);

node.setAttribute(名称，值)

3、DOM获得文本节点

<div>hello</div>

divnode.firstChild;       获得文本节点

nodeType:

1 -> 元素节点

2 -> 属性节点

3 -> 文本节点

4 -> document文档节点

lastChild;   childNodes   nextSibling   previousSibling   parentNode

4、DOM各个节点创建、追加

创建：

元素节点 document.createElement(tag 标签名称)

文本节点 document.createTextNode(文本内容)

属性 node.setAttribute(属性名称，值)

追加

父节点.appendChild(子节点);

父节点.insertBeFore(new,old);

父节点.replaceChild(new,old);

5、DOM节点删除和复制

删除：

父节点.removeChild(子节点)

复制：

节点.cloneNode(true 深层复制/false浅层复制);

6、DOM操作css样式

node.style.样式名称;   //获得样式属性信息

node.style.样式名称=值;  //设置样式属性信息

注意：

① 自能操作行内样式

② 操作符合属性（例如：background-color、border-left、margin-bottom），中横线去掉后边首字母大写，backgroundColor、borderLeft、marginBottom

7、dom2 级方式事件设置