getElementsByTagName

getElementById() getElementsByTagName() getElementsByClassName() querySlector() querySlectorAll()区别

1. getElementById() getElementsByTagName() javascript原生的方法,这两个不会有兼容性问题. 2. getElementsByClassName()是HTML5的DOM API ,IE8及以下不支持(不支持HTML5的浏览器). 对于现代浏览器,document.getElementsByClassName( 'wrap' )获取的是DOM中所有class为wrap的元素在IE8及以下,可以模拟实现这种效果 function getEleme…

getElementsByTagName() 方法

HTML DOM Document 对象定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合. 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序. 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序. 提示和注释注释…

getElementById，getElementsByName，getElementsByTagName的区别

1.getElementById 作用:一般页面里ID是唯一的,用于准备定为一个元素语法: document.getElementById(id) 参数:id :必选项为字符串(String) 返回值:对象; 返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 null example:document.getElementById("id1").value; 2.getElementsByName 作用:按元素的名称查找,返回一个同名元素的数组语法: d…

getElementsByTagName获得的不是数组的问题！

getElementsByTag() returns a NodeList instead of an Array. You can convert a NodeList to an Array but note that the array will be another object, so reversing it will not affect the DOM nodes position. var listNodes = document.getElementById("myDivHo…

跟随标准与Webkit源码探究DOM -- 获取元素之getElementsByTagName

按照标签名获取元素 -- getElementsByTagName 标准 DOM 1在Element和Document两个interface中均有定义,原型NodeList getElementsByTagName(in DOMString tagname),指明按照先序遍历遇到的顺序排列,不会抛出任何异常,参数"*"返回对应document或者element下所有元素.注意这里指明返回的是一个live的仅含有Element的NodeList. DOM 2里定义仍在Element和Do…

对getElementsByTagName("*")获取全部元素的总结

var all=document.getElementsByTagName("*") //获取整个页面的标签元素 alert(all.length); //返回all长度,即标签元素个数好了,下面就是各大浏览器各显独特的时候了: 你会发现IE返回的元素个数总比firefox和chrome浏览器多,且多出的个数还不是固定的,原因如下: 1)IE中(本人用IE8测试),会把网页头部的<!DOCTYPE>也认为是一个标签,且为数组中第一个标…

(三)学习JavaScript之getElementsByTagName方法

参考:http://www.w3school.com.cn/jsref/met_doc_getelementsbytagname.asp HTML DOM Document 对象定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合. 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序. 如果把特殊字符串 "*" 传递给…

关于Win8对getElementsByTagName等dom方法兼容性的替代方法

在对Twebbrowser进行dom编程时,引用MSHTML并使用其中的HTMLDocument; IHTMLElementCollection;IHTMLElement;能获得较好的代码提示其中封装的一些方法如getElementsByTagName也能较好的在xp.vista.win7等系统中使用,但是一旦到了win8系统,getElementsByTagName就不能获取IHTMLElementCollection了,如果你下一步想遍历IHTMLElementCollection就会提示…

用document.getElementsByTagName()返回的真的是数组吗？

document.getElementsByTagName()返回的真的是数组吗? 这是这几天开发中遇到的问题. 一个如下的HTML结构: <ul> <li> <li> ... <li> </ul> 用document.getElementsByTagName()方法获取其中的<li>节点: var li = document.getElementsByTagName("li"); var content = li…

javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法

最近学习是写了一个小网页,前台有个下拉框是通过后天的xml配置的,在写好代码后使用发现在IE9以及之前的IE浏览器都可以正常获取,但是IE10,chrome和firefox都会在获取一个标签时报getElementsByTagName方法不存在的错误.百度了很久未果,起初以为的确是这些浏览器不支持这个方法了,今天用IE10自带的调试工具对比了下载IE9和IE10下的变量,发现大不相同啊. var allitems = xmlHttp.responseXML.getElementsByTagNam…

getElementByID、getElementsByName、getElementsByTagName实例详解

getElementByID.getElementsByName.getElementsByTagName实例详解本文通过实例,详细介绍了getElementByID.getElementsByName.getElementsByTagName的用法,感兴趣的朋友可以参考学习下. 本节内容:getElementByID.getElementsByName.getElementsByTagName的实例代码. 在网页中,可以通过getElementById(), getElementsByN…

javascript 如何正确使用getElementById，getElementsByName(), and getElementsByTagName()

WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签. (1)getElementById(): getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素. (2)getElementsByName(): 该方法是通过NAME属性来获得元素,但注意区别:getElementById()中…

[原]点击按钮，表格隔行变色：偶数行为黄色背景，奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr，依次遍历，如果是偶数就…………。

window.onload = function () { document.getElementById('btn').onclick = function () { var trs = document.getElementById('tb').getElementsByTagName('tr'); for (var i = 0; i < trs.length; i++) { if (i…

关于querySelector 和 document.getElementsByTagName 选中集合问题

本文解决的问题是 :运用for..of..循环时,edge浏览器报Object doesn't support property or method 'symbol.iterator'问题以及符号迭代器(symbol.interator)是什么类型的问题在ES6中新加了一种数据类型Symbol,在es5中只有六种基本数据类型(undefined number null boolean string Array)和一种复杂的数据类型(object) 简单了解:symbol的值通过symbol…

trs.getElementsByTagName is not a function 出现原因及解决办法

好久没有操作dom元素了,在定义dom元素时, let tBo = document.getElementById('tBody') let trs = tBo.getElementsByTagName('tr') let tds = trs.getElementsByTagName('td') 会报出这个错. 原来发现trs是个数组,需要加上索引值,应改为: let tBo = document.getElementById('tBody') let trs = tBo.getElements…

IE浏览器getElementsByTagName方法的兼容问题

今天发现了一个非常可笑的IE兼容问题,环境是IE8,调用getElementsByTagName方法搜索元素,结果集居然自动识别元素的id作为键名,去掉元素定义id才能按正常的数字索引返回. 因为网页中存在两组元素,识别第一组的索引值,影响第二组对应元素的显示.正常的浏览器前后都是数字索引,可以对起来,可是我们万能的IE不知道怎么奇思妙想自动识别id代替数字索引,导致了显示的异常.一开始真是摸不着头脑,不知道好好的怎么到getElementsByTagName往后就不对了呢,呵呵,IE真是一朵奇…

document.getElementById(), getElementsByname(),getElementsByClassName(),getElementsByTagName()方法表示什么以及其意义

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form> <input class="user" id="uid" type="text" name="user" va…

1.getElementsByTagName * document.getelementByID(id名称)* 通过id名称获取元素,它只有一个主语,docment(整个文档)** getElemnestByTagName(标签名称)* 通过标签名称获取一组元素,它获取到的是一组元素* 主语(限制范围):* document 从整个文档中去获取一组元素* 父级从父级下面去获取一级元素* 获取到的是一个集合,类数组* 类数组:类数组,但是数组中的一些方法没有,只具备数组中的length属性,以及…

JS中getElementByID,getElementsByName,getElementsByTagName的区别

<input type="text" name="mynumber" id="mynum1" value="" /> document.getElementById("mynum1");// 对象 document.getElementsByName("mynumber");// 对象数组 document.getElementsByTagName("type&qu…

js 取值 getElementsByTagName,getElementsByName

getElementsByTagName,getElementsByName 获取的值是数组的所以用[0][1]引用 1 <select multiple size="2"> <option value="bj">北京</option> <option value="sh">上海</option> <option value="gz">广州</op…

区别getElementByID,getElementsByName,getElementsByTagName

以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人.小孩.老人)等. 1. ID 是一个人的身份证号码,是唯一的.所以通过getElementById获取的是指定的一个人. 2. Name 是他的名字,可以重复.所以通过getElementsByName获取名字相同的人集合. 3. TagName可看似某类,getElementsByTagName获取相同类的人集合.如获取小孩这类人,getElementsByTagName("小孩"). 把上面的例子转换到HTML中,如下:…

玩转DOM遍历——用NodeIterator实现getElementById，getElementsByTagName方法

先声明一下DOM2中NodeIterator和TreeWalker这两类型真的只是用来玩玩的,因为性能不行遍历起来超级慢,在JS中基本用不到它们,除了<高程>上有两三页对它的讲解外,谷歌的学习资料也是甚少(倒是有挺多国外文章)...由于本着不放过任何知识的态度,结合着自己的理解学习了下这两玩意,你们对这两东西了解了解就好~ DOM2级遍历和范围模块定义了两个用于完成顺序遍历DOM结构的类型:NodeIterator和TreeWalker.这两类型基于给定起点对DOM结构执行深度优先先序遍历,兼…

document.getElementsByTagName

var elems = document.forms[form_name].getElementsByTagName("INPUT"); getElementsByTagName() 方法可返回带有指定标签名的对象的集合. 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序. 如果把特殊字符串 "*" 传递给 getElementsByTagN…

getElementsByTagName() 兼容性

写东西的时候用到了getElementsByTagName(),我一直以为js 写的东西是不会有兼容性的,这次在ie8下,getElementsByTagName()就不支持了,那怎么办呢,我就查到一段代码. window.onload = function () { var div = getClassNames('lg' , 'div'); function getClassNames(classStr,tagName){ if (document.getElementsByClassNam…

getElementsByTagName 、 getElementsByName 、getElementById区别

WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签: getElementById()getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素.(唯一一个)比如说有一个DIV的ID为do:<div id="do"></div>那么就可以用getElem…

getElementByID,getElementsByName,getElementsByTagName

<input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"…

js82:CSS的Style，image的重定位，getElementById，getElementsByTagName，location.href

原文发布时间为:2008-11-10 -- 来源于本人的百度文章 [由搬家工具导入] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he…

从Element.getElementsByTagName方法说起

一.getElementsByTagName方法: 我们先看几个解释:1)W3C:getElementsByTagName() 方法可返回带有指定标签名的对象的集合.没有说明返回值的具体类型.2)菜鸟教程:getElementsByTagName() 方法可返回带有指定标签名的对象的集合.明确指出返回值的是一个NodeList 对象 3)MDN:getElementsByTagName() 方法返回一个动态的包含所有指定标签名的元素的HTML集合 HTMLCollection 这里有个问题了,N…

关于getElementsByTagName的遍历顺序

关于getElementsByTagName的遍历顺序是怎么样的呢? getElementsByTagName的遍历顺序是从HTML的页面从上到下遍历还是按照标签的嵌套顺序层层遍历的呢? 来做个小小的测试? 看代码! <body> <div> <div> <p>2</p> <div> <p>4</p> <div> <p>6</p> </div> <p>…

autohotkey 自动登录输入用户名密码 getElementsByTagName/getElementsByClassName/getElementById

针对button未设置id的.可以通过getElementsByTagName获取button的对象数组,再明确其在对象数组中的位置,如第4个button,通过[3]获取.再调用此对象的click()方法.如同提交submit How do I maximize the IE browser window using COM? - WinMaximize, % "ahk_id " WB.HWND…

【getElementsByTagName】的更多相关文章