浅析JS操作DOM的一些常用方法
更新时间：2016年05月13日 15:26:41 投稿：jingxian
下面小编就为大家带来一篇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的一些常用方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了Javascript中Date类型和Math类型的一些基础知识，非常的实用，有需要的小伙伴可以参考下2016-02-02
在JavaScript中处理时间之getHours()方法的使用
这篇文章主要介绍了在JavaScript中处理时间之getHours()方法的使用,是JS入门学些中的基础知识,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了javascript函数写法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了JavaScript基本语法规则,保姆级的详细教程，万字长文详细的列出了JavaScript的各种语法，建议收藏系列，希望可以有所帮助2021-08-08
有关javascript的性能优化 (repaint和reflow)
本篇文章，小编将为大家介绍，有关javascript的性能优化(repaint和reflow)，有需要的朋友可以参考一下2013-04-04
在上文中，我利用prototype的原理做了一个封装的New，然后我就想到，我是否可以用prototype的原理进一步封装面向对象的一些基本特征呢？比如继承。2010-01-01
javascript中的对象和数组的应用技巧...2007-01-01
下面小编就为大家带来一篇深入理解JavaScript 函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
本篇文章，小编一起和大家探讨JavaScript 闭包究竟是什么，有需要的朋友可以参考一下2013-04-04
对象的类型：本地对象(1)...2006-12-12
最新评论