Javascript-HTML - 如何迭代页面上的所有表单？

Question

如何使用JavaScript遍历文档中的所有表单？

Answer 1

下面的代码将通过一个HTML文档，得到所有形式和做各种形式的名称的弹出警报。

var formsCollection = document.getElementsByTagName("form"); 
for(var i=0;i<formsCollection.length;i++) 
{ 
    alert(formsCollection[i].name); 
} 

这只是一个开始，看看你是否得到你需要的礼貌。之后，删除警报并继续执行您需要的操作。

Answer 2

您可以使用

document.forms收集

见forms Collection

Answer 3

下面是使用document.forms代替getElementsByTagName（）的示例。

与getElementsByTagName（）示例一样，它会遍历所有表单，并使用操作（而不是名称，因为它更可能被设置）执行弹出警报。

var formsCollection; 
var r; 

formsCollection=document.forms; 

for(r=0;r<formsCollection.length;r++) 
{ 
    alert(formsCollection[r].action); 
} 

这可以浓缩下来，当然弹出窗口改变了一些有用的东西，但我试图保持简单。

以供参考这里有一些链接以获得更多信息：

• Mozilla Developer Network
• Microsoft
• w3c
• 甚至w3schools