JavaScript通过名称获取子元素

Question

我将一个变量 el 传递到函数中。变量el包含使用getElementById获取的先前抓取的元素，当我在函数中console.log el时，我得到以下结果：

当我尝试使用以下方法在el中获取一个元素时，问题就出现了：

el.getElementsByName('fname');

我遇到了错误：

Uncaught TypeError: Object #<HTMLDivElement> has no method 'getElementsByName'

- Fluidbyte

---

我认为这意味着“getElementsByName”不是该对象的一种方法。El 是来自 jQuery 等库吗？我认为您想要使用 document.getElementsByName，而不知道 “el” 是什么。 - Leeish

有没有任何理由不使用jQuery？ - Senad Meškin

Answer 1

getElementsByName() API 是在 document 对象层级上的，不是 HTMLElement 方法。

您可以使用 querySelectorAll() 替代：

var fnames = el.querySelectorAll('[name=fname]');

然而，在较旧的浏览器中不支持此功能。

- Pointy