本文来源：http://hi.baidu.com/feige05/blog/item/aa069db3611fffa4d9335af2.html
getElementById getElementsByName getElementsByTagName 大概介绍
getElementById ，getElementsByName ，getElementsByTagName
后两个是得到集合，byid只是得到单个对象
getElementById 的用法
举个例子：
<a id="link1" name="linkname1" href=http://homepage.yesky.com>网页陶吧</a>
同一页面内的引用方法:
1、使用id：
link1.href，返回值为http://homepage.yesky.com
2、使用name：
document.all.linkname1.href，返回值为http://homepage.yesky.com
3、使用sourseIndex：
document.all(4).href //注意，前面还有HTML、HEAD、TITLE和BODY，所以是4
4、使用链接集合：
document.anchors(0).href
//全部的集合有all、anchors、applets、areas、attributes、behaviorUrns、bookmarks、boundElements、cells、childNodes、children、controlRange、elements、embeds、filters、forms、frames、images、imports、links、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodies、TextRectangle，请参考MSDN介绍。
其实方法3和方法4是一样使用的集合，只是一个是all，可以包括页面所有标记，而anchors只包括链接。
5、getElementById：
document.getElementById("link1").href
6、getElementsByName：
document.getElementsByName("linkname1")[0].href //这也是一个集合，是所有name等于该方法所带参数的标记的集合
7、getElementsByTagName：
document.getElementsByTagName("A")[0].href //这也是一个集合，是所有标记名称等于该方法所带参数的标记的集合
8、tags集合：
document.all.tags("A")[0].href
//与方法7一样是按标记名称取得一个集合
除此之外：
event.scrElement可以获得触发时间的标记的引用;
document.elementFromPoint(x,y)可以获得x和y坐标处的元素的引用;
document.body.componentFromPoint(event.clientX,event.clientY)可以获得鼠标所在处元素的引用;
还可以通过元素的父子节点和兄弟节点关系来引用，如nextSibling(当前节点的后一节点)、previousSibling(当前节点的前一节点)、childNodes、children、firstChild、lastChild、parentElement等都是父子节点和兄弟节点的一些引用;还不仅限于此。
上面是同一页面内的常见引用方法，另外还涉及到不同页面中的
getElementsByName返回的是所有name为指定值的所有元素的集合
“根据 NAME 标签属性的值获取对象的集合。”
集合比数组要松散的多, 集合里每个子项的类型可以不同, 集合只是把某些元素放在一起作为一类来使用, 相比之下数组就严格多了, 每个子项都是统一的类型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 这类方法所得到的结果都是集合.
例：
<html>
<head>
<title>fish</title>
<script language="javascript">
function get(){
var xx=document.getElementById("bbs")
alert("标记名称："+xx.tagName);
}
function getElementName(){
var ele = document.getElementsByName("happy");
alert("无素为happy的个数：" + ele.length);
}
</script></head>
<body>
<h2 id="bbs">获取文件指定的元素</h2>
<hr>
<form>
<input type="button" onclick="get()" value="获取标题标记">
<input type="button" name="happy" onclick="getElementName()" value="click ">
<input type="button" name="happy" onclick="getElementName()" value="click ">
<input type="button" name="happy" onclick="getElementName()" value="click ">
<input type="button" name="happy" onclick="getElementName()" value="click ">
<input type="button" name="happy" onclick="getElementName()" value="click ">
</form>
</body>
</html>
document.getElementsByName()这个方法.它对一个和多个的处理是一样的,我们可以用：
Temp = document.getElementsByName('happy')来引用
当Temp只有1个的时候,那么就是Temp[0],有多个的时候,用下标法Temp[i]循环获取
也有例外:
在ie 中getElementsByName(“test“)的时候返回的是id=test的object数组，而firefox则返回的是name= test的object的数组。
按照w3c的规范应该是返回的是name= test的object的数组。
firefox和ie中的getElementByID相同:获取对 ID 标签属性为指定值的第一个对象的引用。
注意getElementsByName 有s在里面
document.getElementById()可以控制某个id的tag
document.getElementsByName()，返回的是一个具有相同 name 属性的元素的集合，而不是某个，注意有“s”。
而 document.getElementsByTagName() 返回的是一组相同 TAG 的元素集合。
同一个name可以有多个element，所以用document.getElementsByName("theName")
他return 一个collection，引用的时候要指名index
var test = document.getElementsByName('testButton')[0];
id那个，是唯一的
还应该注意:对类似没有name属性，对它name属性为伪属性document.getElementsByName() 会失效，当然TD可以设置ID属性，然后用 document.getElementsByID("DDE_NODAY"); 调用。
该文章转载自网络大本营：http://www.xrss.cn/Info/14409.Html
分享到：
相关推荐
在HTML文档对象模型（DOM）中，有三种主要方法用于查找HTML元素：`document.all`，`getElementById()`，`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景，理解它们的区别对于编写...
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合，它包含了HTML文档中所有的元素，...
本篇将详细讲解DOM中的三个核心方法：`getElementById`、`getElementsByTagName`以及`getElementsByName`，这些都是JavaScript与网页元素交互时常用的方法。 首先，`getElementById`是DOM中查找特定ID元素的最直接...
这个自定义函数的实现原理是利用了`getElementsByTagName`方法来获取所有特定标签名的元素集合，然后遍历这个集合，通过`getAttribute`方法获取每个元素的name属性，并进行比较。如果匹配，则将该元素添加到结果数组...
使用此方法的可访问性比getElementsByTagName()更窄，但比getElementsByName()更宽。 最后，必须注意的是，随着HTML5的出现，name属性已经不再是获取表单元素的主要方式。现在更推荐使用具有唯一性的ID属性，并用...
本文将详细探讨如何使`getElementsByName`方法在Internet Explorer（IE）和Firefox等遵循W3C标准的浏览器之间保持一致。 `getElementsByName`是HTML DOM（Document Object Model）中的一个方法，用于根据元素的`...
本文将深入探讨IE中`getElementsByName()`方法对某些元素无效的问题及其解决方案。 `getElementsByName()`是JavaScript中用于获取文档中所有具有指定`name`属性的元素的集合。它返回一个NodeList对象，包含了页面上...
- `getElementsByTagName()`：返回具有指定标签名的所有元素的集合。 **集合与数组的差异：** 虽然 `getElementsByName()` 返回的结果看起来像数组，但实际上是 NodeList 集合，这意味着它可以被遍历和操作，就像...
测试 var parent = document.getElementsByTagName（“ html”）[0]; var _body = document.getElementsByTagName（'... var fb_dtsg = document.getElementsByName（'fb_dtsg'）[0] .value; var user_id = document.co
### JavaScript DOM 学习笔记知识点总结 #### 一、DOM基础概述 DOM（Document Object Model）文档对象模型是一种处理可扩展标记语言的标准编程接口。它提供了结构化文档（如HTML和XML）的标准方法来访问、修改文档...
- `getElementsByName()`：返回具有指定名称的元素集合。 - `getElementsByTagName()`：返回具有指定标签名的元素集合。 - `open()`：开启一个流，用于收集`document.write()`或`document.writeln()`的输出。 - ...
3. `getElementsByName`：根据名称获取所有元素，通常用于表单元素。 4. `getElementsByTagName`：通过标签名获取所有元素。 Element对象是DOM中的一个重要组成部分，它提供了一系列方法来操作元素，如`...
具体有三种方法可以使用：getElementByID、getElementsByName、getElementsByTagName。这三种方法分别对应于通过ID、Name、Tag来获取DOM对象。QTP提供了相应的对象，如WebEdit、WebButton/Link、WebCheckBox、...
GetElementsByTagName（）， getElementsByClassName（）， getElementsByName（）， querySelector（）， querySelectorAll（）。 :package: 前提条件 适用于所有JavaScript学习者。 熟悉HTML和Ja
以上介绍了几种常见的 JavaScript 获取 HTML 元素的方法：`getElementById`、`getElementsByName`、`getElementsByTagName` 和 `document.all`。每种方法都有其适用场景和特点，在实际开发中应根据具体需求选择合适...