javascript 中 getelementsbytagname 和 getelementsbyname 有什么区别

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

document.getElementsByTagName()

document.getElementsByName()

有人可以向我解释一下吗？

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

假设您有以下 HTML：

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

你已经得到了

document.getElementsByTagName('input')

or

document.getElementsByName('test')

or

document.getElementsByClassName('cssclassname')

另外，您还可以致电getElementsByTagName在文档以外的元素上。例如，允许以下内容：

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

But getElementsByName只能被调用document.

Notes :

• JavaScript 区分大小写，你不能像问题中那样编写函数
• 这些函数不仅返回元素，还返回实时，所以你必须迭代结果，或者如果你确定它是好的，就采用第一个结果：document.getElementsByTagName('input')[0]
• MDN 是 JavaScript 方法的一个很好的文档。你应该阅读 and 按名称获取元素 https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByName.