DOM常用方法总结

getElementsByName():寻找有着给定name属性的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的length属性等于当前文档里有着给定name属性的所有元素的总个数。

getElementsByTagName():寻找有着给定标签名的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的length属性等于当前文档里有着给定标签名的所有元素的总个数。

var elements=document.getElementsByTagName(tagName);

var elements=element.getElementsByTagName(tagName);

该方法不必非得用在整个文档上,它也可以用来在某个特定的子节点当中寻找有着给定标签名的元素。

hasChildNodes():该方法用来检查一个元素是否有子节点,返回值是TRUE或FALSE,

文本节点和属性节点不可能再包含任何自己子节点,所以对这两类节点使用hasChildNodes方法的返回值永远是FALSE。

如果hasChildNodes方法的返回值是FALSE,则childNodes,firstChild,lastChild将是空数组和空字符串。

nodeName:文档里的每个节点都有以下属性。

如果节点是元素节点,nodeName返回这个元素的名称

如果节点是属性节点,nodeName返回这个属性的名称

如果节点是文本节点,nodeName返回一个内容为#text的字符串

nodeType:返回一个整数,这个数值代表着给定节点的类型。

nodeType属性返回的整数值对应着12中节点类型,常用的有三种:

Node.ELEMENT_NODE       -----1       --  元素节点

Node.ATTRIBUTE_NODE    -----2       --  属性节点

Node.TEXT_NODE               -----3       --  文本节点

replaceChild():把一个给定父元素里的一个子节点替换为另外一个子节点

var reference=element.replaceChild(newChild,oldChild);

返回值是一个指向已被替换的那个子节点的引用指针。

如果被插入的子节点还有子节点,则那些子节点也被插入到目标节点中。


getAttribute():返回一个给定元素的一个给定属性节点的值

var attributeValue = element.getAttribute(attributeName);

给定属性的名字必须以字符串的形式传递给该方法。

给定属性的值将以字符串的形式返回,如果给定属性不存在,getAttribute()将返回一个空字符串


setAttribute()

将给定元素节点添加一个新的属性值或改变它的现有属性的值

element.setAttribute(attributeName,attributeValue);

属性的名字和值必须以字符串的形式传递给此方法

如果这个属性已经存在,它的值将被刷新;

如果不存在,setAttribute()方法将先创建它再为其赋值。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值