Javascript 在表单中循环时，如何知道元素的类型？

我试图在Javascript中找到一个通用函数，它可以循环表单并根据表单的类型清除表单中的任何元素

为了做到这一点，我想动态地知道我正在处理什么样的表单元素，包括但不限于选择、输入文本、文本区域、输入按钮

---

那么，如何区分这些元素，以便以适当的方式处理每种类型？

您可以使用tagName。使用jquery，您可以使用以下代码

$('form').children().each(function()
{
 var elementType=$(this).prop('tagName');
});

---

使用简单的Javascript

元素。标记名

将起作用。

您可以使用标记名。使用jquery，您可以使用以下代码

$('form').children().each(function()
{
 var elementType=$(this).prop('tagName');
});

---

使用简单的Javascript

元素。标记名

将起作用。

您可以使用标记名。使用jquery，您可以使用以下代码

$('form').children().each(function()
{
 var elementType=$(this).prop('tagName');
});

---

使用简单的Javascript

元素。标记名

将起作用。

您可以使用标记名。使用jquery，您可以使用以下代码

$('form').children().each(function()
{
 var elementType=$(this).prop('tagName');
});

---

使用简单的Javascript

element.tagName

就可以了。

类似的东西应该可以让您开始了

$('form :input').each(function(i, el){
    var type = el.tagName;
});

：input

选择器基本上选择所有表单控件

没有jQuery：

var elem = document.getElementById('theform').elements;
for(var i = 0; i < elem.length; i++)
{
    console.log(elem[i].type);
} 

var elem=document.getElementById（'theform'）.elements；
对于（变量i=0；i

---

像这样的事情应该会让你开始

$('form :input').each(function(i, el){
    var type = el.tagName;
});

：input

选择器基本上选择所有表单控件

没有jQuery：

var elem = document.getElementById('theform').elements;
for(var i = 0; i < elem.length; i++)
{
    console.log(elem[i].type);
} 

var elem=document.getElementById（'theform'）.elements；
对于（变量i=0；i

---

像这样的事情应该会让你开始

$('form :input').each(function(i, el){
    var type = el.tagName;
});

：input

选择器基本上选择所有表单控件

没有jQuery：

var elem = document.getElementById('theform').elements;
for(var i = 0; i < elem.length; i++)
{
    console.log(elem[i].type);
} 

var elem=document.getElementById（'theform'）.elements；
对于（变量i=0；i

---

像这样的事情应该会让你开始

$('form :input').each(function(i, el){
    var type = el.tagName;
});

：input

选择器基本上选择所有表单控件

没有jQuery：

var elem = document.getElementById('theform').elements;
for(var i = 0; i < elem.length; i++)
{
    console.log(elem[i].type);
} 

var elem=document.getElementById（'theform'）.elements；
对于（变量i=0；i

---

< P>你应该考虑使用“代码>重置< /代码>按钮。 像这样

<form action="">
    <input type="text">
    <input type="email">
    <input type="number">
    <input type="radio">
    <input type="checkbox">
    <textarea></textarea>
    <select>
        <option value="">None</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <input type="reset">
</form>

没有一个
1.
2.
3.
4.

它干净、快速，与IE 2和本机兼容

[编辑]

---

如果需要通过代码触发重置，可以使用与此相同的

formElement.reset（）

。这里是

你应该考虑使用“代码>重置< /代码>按钮。 像这样

<form action="">
    <input type="text">
    <input type="email">
    <input type="number">
    <input type="radio">
    <input type="checkbox">
    <textarea></textarea>
    <select>
        <option value="">None</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <input type="reset">
</form>

没有一个
1.
2.
3.
4.

它干净、快速，与IE 2和本机兼容

[编辑]

---

如果需要通过代码触发重置，可以使用与此相同的

formElement.reset（）

。这里是

你应该考虑使用“代码>重置< /代码>按钮。 像这样

<form action="">
    <input type="text">
    <input type="email">
    <input type="number">
    <input type="radio">
    <input type="checkbox">
    <textarea></textarea>
    <select>
        <option value="">None</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <input type="reset">
</form>

没有一个
1.
2.
3.
4.

它干净、快速，与IE 2和本机兼容

[编辑]

---

如果需要通过代码触发重置，可以使用与此相同的

formElement.reset（）

。这里是

你应该考虑使用“代码>重置< /代码>按钮。 像这样

<form action="">
    <input type="text">
    <input type="email">
    <input type="number">
    <input type="radio">
    <input type="checkbox">
    <textarea></textarea>
    <select>
        <option value="">None</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <input type="reset">
</form>

没有一个
1.
2.
3.
4.

它干净、快速，与IE 2和本机兼容

[编辑]

---

如果需要通过代码触发重置，可以使用与此相同的

formElement.reset（）

。以下是您可以使用

类型属性，该属性是根据浏览器实践为控件定义的，甚至对于不能将
类型
作为HTML属性的控件也是如此。例如，对于
select
元素，如果缺少
multiple
属性，则属性值为
select one
，否则字符串为
select multiple

因此，如果遍历
表单
元素的所有子体，您将从
类型
属性中识别控件（表单字段）；对于其他元素，
type
通常是未定义的。
您可以使用
type
属性，该属性是根据浏览器实践为控件定义的，甚至对于不能将
type
作为HTML属性的控件也是如此。例如，对于
select
元素，如果缺少
multiple
属性，则属性值为
select one
，否则字符串为
select multiple

因此，如果遍历
表单
元素的所有子体，您将从
类型
属性中识别控件（表单字段）；对于其他元素，
type
通常是未定义的。
您可以使用
type
属性，该属性是根据浏览器实践为控件定义的，甚至对于不能将
type
作为HTML属性的控件也是如此。例如，对于
select
元素，如果缺少
multiple
属性，则属性值为
select one
，否则字符串为
select multiple

因此，如果遍历
表单
元素的所有子体，您将从
类型
属性中识别控件（表单字段）；对于其他元素，
type
通常是未定义的。
您可以使用
type
属性，该属性是根据浏览器实践为控件定义的，甚至对于不能将
type
作为HTML属性的控件也是如此。例如，对于
select
元素，属性的值为