| 内容 | 下面小编就为大家带来一篇JS操作DOM的一些常用方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。
 getElementById(): 获取有指定惟一ID属性值文档中的元素
 getElementsByName(name): 返回的是数组
 getElementsByTagName(): 返回具有指定标签名的元素子元素集合
 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的一些常用方法就是小编分享给大家的全部内容了,希望能给大家一个参考
 
 |