为什么不document.getElementById（“thediv”）。forms [0]返回任何元素？

Question

为什么document.forms[0]会返回一些内容（页面上的第一个表单），但document.getElementById("thediv").forms[0]不会返回任何内容？

Example JSFiddle

在更复杂的页面上，我希望能够通过指定ID来缩小浏览器搜索form元素的范围。

Answer 1

forms是document的属性。 document.getElementById是一个返回HTMLElement对象的函数。这没有称为表单的属性。如果你想要更多逻辑javascript，请查看jQuery。

Answer 2

因为DOM元素对象上没有forms这样的属性，only the document object。

无论在文档树中找到哪些表单，表单仍然是同一页面中的表单。如果你需要根据某个父元素在页面上获取表单的子集，你可能想要尝试像jQuery这样的库。

Answer 3

document.getElementById('thediv').getElementsByTagName('form')[0];