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 级方式事件设置
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
