我想这样做:
var form = document.getElementsByTagName("form")[0];
var form_element_list = form.getElementsByName("foo");
但是,唉,getElementsByName
似乎只能从document
运行(参见MDN)。
问题:
为什么只能从文档级别进行搜索?特别是name
属性多用于表单。
谢谢!
为什么只能从文档级别搜索?
历史原因?我们真的不知道。但是,名称是全局标识符,就像document.getElementsById
中的id一样,只是它们不是唯一的。
特别是名称属性主要用于表单。
您可以使用表单的.elements
集合来实现这个目的,它也可以通过名称来解决。
您可以直接使用document。formName (formName是您给表单的名称属性)用于获取表单,document.formName.elements用于获取集合中的元素。然后可以通过document.formName.elements.inputID
根据MDN:
浏览器中加载的每个网页都有自己的文档对象。文档接口作为web页面内容 (DOM树,包括和等元素)的入口点,并为文档提供全局功能(例如获取页面的URL和在文档中创建新元素)
作为入口点,查找页面元素的方法来自于它。