document.getElementsByTagName

10 篇文章 0 订阅
7 篇文章 0 订阅

MDN:

返回一个包括所有给定标签名称的元素的HTML集合HTMLCollection。 整个文件结构都会被搜索,包括根节点。返回的 HTML集合是动态的, 意味着它可以自动更新自己来保持和 DOM 树的同步而不用再次调用 document.getElementsByTagName() 。

语法:

var elements = document.getElementsByTagName(name);
  • elements 是一个由发现的元素出现在树中的顺序构成的动态的HTML集合 HTMLCollection (但是看下面的提示) 。
  • name 是一个代表元素的名称的字符串。特殊字符 "*" 代表了所有元素。

例子:

document.getElementsByTagName('html')[0].style.fontSize = ...

首先看到这句话,第一反应是,每页都只有一个html,为何要写[0]?

有些资料上写, document.getElementsByTagName的返回值是一个数组,要获取html标签,选定[0]。

这个解释乍一听十分有理,但是document.getElementsByTagName的返回值不是一个数组,它的返回值在WebKit内核的浏览器中是NodeList!(其他内核还没了解)。可以遍历,有 length 属性,但不是数组!

 

具体移步:

https://developer.mozilla.org/zh-CN/docs/Web/API/NodeList

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值