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


Posted in Javascript onJune 28, 2016

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标签的所有属性的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript 学习笔记(十三)Dom创建表格
Jan 21 Javascript
javascript 基础篇4 window对象,DOM
Mar 14 Javascript
js作用域及作用域链概念理解及使用
Apr 15 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
XMLHttpRequest处理xml格式的返回数据(示例代码)
Nov 21 Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
layui select获取自定义属性方法
Aug 15 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
ECharts transform数据转换和dataZoom在项目中使用
Dec 24 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 #Javascript
javascript 常用验证函数总结
Jun 28 #Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 #Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 #Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 #Javascript
jQuery 调用WebService 实例讲解
Jun 28 #Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 #Javascript
You might like
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
一些技巧性实用js代码小结
2009/10/14 Javascript
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
node跨域请求方法小结
2017/08/25 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
2017/10/20 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
layui动态加载多表头的实例
2019/09/05 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
介绍Python中的fabs()方法的使用
2015/05/14 Python
Python如何快速实现分布式任务
2017/07/06 Python
python文件写入write()的操作
2019/05/14 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
会计与审计专业大专生求职信
2013/10/03 职场文书
舞蹈毕业生的自我评价
2014/03/05 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
2015年项目经理工作总结
2015/04/30 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python