javascript - javascript中的getelementsbytagname和getelementsbyname有什么区别

Question

我最近在 douglas crockford 的演示中遇到了这两种用于 dom 元素检索的方法，但无法理解这两种方法之间的区别。

document.getElementsByTagName()

document.getElementsByName()

谁能给我解释一下

视频的链接是http://www.youtube.com/watch?v=Fv9qT9joc0M

Answer 1

假设你有这个 HTML :

<input name="test" class="cssclassname">

你得到了它

document.getElementsByTagName('input')

或

document.getElementsByName('test')

或

document.getElementsByClassName('cssclassname')

此外，您还可以对文档以外的元素调用 getElementsByTagName。例如，允许以下内容，

document.getElementsById('foo').getElementsByTagName('bar')

但是getElementsByName只能在document上调用。

注释:

• JavaScript 区分大小写，您不能像在问题中那样编写函数
• 这些函数不只是返回元素，而是一个实时的 nodeList , 所以你必须迭代结果或者如果你确定它是好的就取第一个:document.getElementsByTagName('input')[0]
• MDN 是一个很好的 JavaScript 方法文档。你应该阅读 getElementsByTagName和 getElementsByName .