下面小编就为大家带来一篇 JS 操作 DOM 的一些常用方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
getElementById(): 获取有指定惟一 ID 属性值文档中的元素
getElementsByName(name): 返回的是数组
getAttribute(): 返回指定属性名的属性值
- document.getElementsByTagName("a")[0].getAttribute("target");
setAttribute(): 添加指定的属性,并为其赋指定的值。
- document.getElementsByTagName("INPUT")[0].setAttribute("type","button");
节点属性:
节点名称 (只读):nodeName
节点值: nodeValue
节点类型 (只读):nodeType
子节点:
ele.childNodes 返回数组
firstChild
lastChild
父节点
parentNode 只有一个
兄弟节点
nextSibling 某节点之后紧跟的节点
previousSibling
插入节点
appendChild() 插入在最后
insertBefore(newnode,node) 在 node 节点之前
删除节点
removeChild(node) 成功返回被删除的节点 失败返回 null
替换元素节点
replaceChild(newnode,oldnode) 实现子节点对象的替换
创建元素节点
createElement()
创建文本节点
createTextNode()
复制节点
需要被复制的节点. cloneNode(true/false)
true 复制当前节点极其所以子节点,false 仅复制当前节点
以上这篇浅析 JS 操作 DOM 的一些常用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0226/265805.html