用js控制input标签中的某些类型的样式

有些时候要对input标签的某些类型进行css样式的控制，例如页面中只对type=“text”或type=“password”的input标签进行样式控制。但是页面中还存在type="checkbox"、type="button"等类型。如果对input进行样式控制，那么所有类型就将执行css代码。

所以我们可以用js来控制

代码如下

<script language="javascript" type="text/javascript">
      var obj = document.getElementsByTagName("input");
      for (var i=0; i<obj.length; i++)
      {
            if (obj[i].type=="text"||obj[i].type=="password"){obj[i].style.width="200px" }
      }
</script>

<input type="text"><br>
<input type="password"><br>
<input type="checkbox">