获取input标签的所有属性的方法

512 阅读 0 评论 338 点赞

我是靠谱客的博主矮小水壶，这篇文章主要介绍获取input标签的所有属性的方法，现在分享给大家，希望可以做个参考。

1.用jquery

$("input[name='btnAdd']").attr("value")

获取value属性值，其它属性换attr的参数就OK

2.通过点来获取：

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 </head>
 <body>
 <form id="form1" name="form1">
<input name="n1" type="text" />
<input name="n3" type="text" />
<input name="n4" type="text" />
</form>


<script>
window.onload = function(){
  var inputs = document.form1.getElementsByTagName("input");
  for(var i = 0; i < inputs.length; i++) {
    inputs[i].onclick = function(){
      alert(this.name);
    };
  }
};

</script>
 </body>
</html>

以上就是小编为大家带来的获取input标签的所有属性的方法全部内容了，希望大家多多支持脚本之家~