使用 Javascript 获取控件的类型

在前端开发中，经常需要获取页面上的控件类型，以便进行相应操作。下面介绍如何使用 JavaScript 获取控件类型。

1. 根据 id 获取控件

获取控件的方法之一是根据控件的 id 属性获取，方法如下：

var control = document.getElementById("controlId");
var controlType = control.tagName.toLowerCase();

其中 controlId 是控件的 id 属性值，controlType 是控件的类型。注意，controlType 的值是标签名，比如 input，select，textarea 等，具体取决于控件的实际类型。

2. 遍历页面上的控件

如果需要获取页面上的所有控件类型，可以使用 getElementsByTagName() 方法，遍历页面上的所有标签，判断标签名是否为控件标签，方法如下：

var controls = document.getElementsByTagName("input");
for (var i = 0; i < controls.length; i++) {
    var controlType = controls[i].type;
    // ...
}

其中 input 是标签名，controls[i].type 可以获取控件的类型，比如 text，button，checkbox 等。

3. 使用 jQuery 获取控件

如果项目中使用了 jQuery，可以使用 jQuery 的选择器获取控件类型，方法如下：

var controlType = $("#controlId").prop("tagName").toLowerCase();

其中 controlId 是控件的 id 属性值，controlType 是控件的类型。注意，controlType 的值是标签名，比如 input，select，textarea 等，具体取决于控件的实际类型。

以上是三种常见的方式，通过这些方法，可以很方便地获取控件类型，以便进行相应操作。