document.getElementsByTagName

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

document.getElementsByTagName相关推荐

关于querySelector 和 document.getElementsByTagName 选中集合问题
本文解决的问题是 :运用for..of..循环时,edge浏览器报Object doesn't support property or method 'symbol.iterator'问题以及符号 ...
document.getElementsByTagName()方法的返回值
document.getelementsbytagname()方法的返回值 /* document.getelementsbytagname()方法的返回值中取出某个特定的元素.一开始以为它的返回值是 ...
document.getElementsByName , document.getElementsByTagName ,document.createElement
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节 ...
document.getElementsByTagName()返回值
1. 常见问题 document.getElementsByTagName()返回值样式是[-,-,-],很多人误以为是数组,进而对它调用数组方法如sort(),但是这样会报错:TypeError:x ...
JS document
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
JavaScript Document
document:文档对象 document.getElementById();//根据ID获取元素对象 document.getElementsByTagName();//根据标签名获取元素对象数组 ...
document.all与WEB标准
1.DOM WEB标准现在可真是热门中热门,不过下面讨论的是一个不符合标准的document.all[].DOM--DOCUMENT OBJECT MODEL文档对象模型,提供了访问文档对象的方法.例 ...
Document 对象的常用方法
1.getElementById(id) 通过元素的ID访问元素,这是DOM一个基础的访问页面元素的方法,我们要经常用到它. 例如下面的例子,我们可以同DIV的ID迅速的访问到它,而不必通过DOM层层 ...
HTML Window.document
1.Window.document对象一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =doc ...

document.getElementsByTagName

document.getElementsByTagName相关推荐

最新文章

热门文章