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

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

例1：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div class="box">
<span>点击按钮获取文本框的name属性值：</span><br>
<div class="content">
<input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>
<script>
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"));
});
})

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

例2：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="testDivID" name="testDivName" value="divTagValue" defMyTag="Lionbule">1</div>
<script>
(function(){
var id = document.getElementById("testDivID").attributes["id"].value;
var name = document.getElementById("testDivID").attributes["name"].value;
var value = document.getElementById("testDivID").attributes["value"].value;
var myTag = document.getElementById("testDivID").attributes["defMyTag"].value;
alert(id +" "+ name +" "+value+" "+myTag);
})();
</script>
</body>
</html>

在IE8、Firefox3.6、Chrome6.0下测试通过。换句话说，用上述获取标签属性值的方式通用、可靠。

但在实验过程中出现一个问题。如果div容器的内容为空或空格，则只有chrome能正常执行，IE、firefox均报出“document.getElementById("testDivID") is null.”。所以我在例子中特意写了个1，无奈而为之。

获取html中任意标签的属性值均可采用如下方式：

document.getElementById("xxx").attributes["***"].value;  

------------------------------------------------------------------------------------------------------------------------

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>

例：

<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<input type="button" onclick="showTable('mailTable');" value="遍历table"/>
<input type="button" onclick="showTd('aa');" value="取得td的index"/>

<table id="mailTable">
<tr>
<td name="god" id="aa"><input name="input1" value="th00" hidden="343434" ></td>
<td id="ab">wo</td>
</tr>
<tr >
<td name="god" id="ba"><input name="input3" hidden="aaa" ></td>
<td name="god" id="bb"><input name="input4" hidden="bbb" ></td>
</tr>
<tr>
<td id="ca"><input name="input5" value="th20"></td>
<td id="cb"><input name="input6" value="th21"></td>
</tr>
</table>

<SCRIPT LANGUAGE="JavaScript">
function showTable(id){
var tb=document.getElementById(id);
var rows=tb.rows;
for(var i=0;i<rows.length;i++){
var cells=rows[i].cells;
for(var j=0;j<cells.length;j++){
alert("获得的$(cells[j]).attr('name'):"+$(cells[j]).attr("name"));
if ($(cells[j]).attr("name")=="god"){
alert("name=" +cells[j].childNodes[0].name +" value="+ cells[j].childNodes[0].value + " hidden=" +cells[j].childNodes[0].hidden ); //.hidden返回的是true/false
}
}
}
}

function showTd(id){
var td=document.getElementById(id);
var cell=td.parentElement;
var cells=cell.cells;
alert("cell.cells:"+cell.cells+" ,cell:"+cell);
alert("cells[0]:"+cells[0]+" ,$(cells[0]).attr('name'):"+$(cells[0]).attr('name'));
alert("cells[0].childNodes[0].name:"+cells[0].childNodes[0].name);
alert(cells[0].cellIndex);
}

//<input>的name属性可以通过.name来获取，而<td>的那么属性不能，但可以通过attr("name")来获取

</SCRIPT>
</body>
</html>

获取input标签的所有属性的更多相关文章

  1. 有趣的js获取input标签中光标的索引

    先看动图如下,我们就可以很清楚的知道获取input标签中光标的索引的意思了. 由于IE支持document.selection,Firefox,Chrome,Safari以及Opera都有select ...

  2. 如何获取Input标签自定义属性的值?

    HTML代码: <input type="hidden" value="${Name?if_exists}" id='ID' busCode = &quo ...

  3. react 获取input标签的输入值

    参考:https://segmentfault.com/a/1190000012404114 两种方法,受控组件和非受控组件. 推荐使用受控组件,即通过this.state获取,因为其符合react规 ...

  4. 关于获取input标签属性的获取以及更改，此处用到的是readonly属性

    一开始,我使用的是Jquery框架中的$.("#input").readOnly,发现取出的值为undefined,不知道是不是jQuery中不支持获取标签属性的函数, 然后就使用 ...

  5. 获取input标签中file的内容

    1.直接获取文件中的内容: <form id="form" method="post" enctype="multipart/form-data ...

  6. javascript笔记——js获取input标签中光标的索引

    出处:http://www.cnblogs.com/MrZouJian/p/5850553.html function getTxt1CursorPosition(){ var oTxt1 = doc ...

  7. 获取input标签的值

    取文本框值 AfterTiltle: $("[name='AfterTiltle']").val(), 取下拉列表值 AfterType: $("[name='After ...

  8. 如何用input标签上传多个图片并回显

    本文主要记录如何用input标签和jquery实现多图片的上传和回显,不会涉及后端的交互,大概的效果看图 我们从零来做一个这样的demo 第一步: 我们先完善一下我们的页面,默认的input-file ...

  9. 获取input type=file 的文件内容（纯文本）

    一.获取input type=file 的文件内容(纯文本) 1.需求一 通过点击其他事件,来触发 文件选择框(限定格式为 .c 文件),而不是手动鼠标点击触发. [思路:] step1:将 inpu ...

随机推荐

  1. AdventureWorks Databases 2008 下载地址

    AdventureWorks Databases 2008 下载地址: RECOMMENDED DOWNLOAD  AdventureWorks2012_Database.zip example, 3 ...

  2. Aizu 2309 Sleeping Time DFS

    Sleeping Time Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/view ...

  3. 一天JavaScript示例-在功能上的标量参数和数组参数的差异

    <!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h ...

  4. java推断字符串是否为乱码

    项目中有一个功能 在IE中GET方式提交会产生乱码 但有两个入口都会走这同一段代码 固不能直接转码,所以要进行推断传过来的该值是不是乱码 可用下面方式验证: java.nio.charset.Char ...

  5. 9个使用前必须再三小心的Linux命令

      Linux shell/terminal 命令非常强大,即使一个简单的命令就可能导致文件夹.文件或者路径文件夹等被删除.在一些情况下,Linux 甚至不会询问你而直接执行命令,导致你丢失各种数据信 ...

  6. careercup-排序和查找 11.7

    11.7 有个马戏团正在设计叠罗汉的表演节目,一个人要站在另一人的肩膀上.处于实际和美观的考虑,在上面的人要比下面的人矮一点.轻一点.已知马戏团每个人的高度和重量,请编写代码计算叠罗汉最多能叠几个人. ...

  7. .net core 1.1.0 MVC 控制器接收Json字串 （JObject对象） (二）

    .net core 1.1.0 MVC 控制器接收Json字串 (JObject对象) (二) .net core 1.1.0 MVC 控制器接收Json字串 (JObject对象) (一) 上一篇主 ...

  8. 项目源码--Android高质量图片浏览器源码

      下载源码   技术要点: 1. 浏览所有格式的图片 2. 图片缓存到数据库 3. Sqlite数据库的高级应用 4. 文件夹缩图显示 5. 多点触控技术 6. 动画技术 7. 支持超高清图片 8. ...

  9. A+B Problem III

    描述 求A+B是否与C相等. 输入 T组测试数据. 每组数据中有三个实数A,B,C(-10000.0<=A,B<=10000.0,-20000.0<=C<=20000.0) 数 ...

  10. python--介绍

    语言类型介绍 编译与解释理解: 打个比方:假如你打算阅读一本外文书,而你不知道这门外语,那么你可以找一名翻译,给他足够的时间让他从头到尾把整本书翻译好,然后把书的母语版交给你阅读:或者,你也立刻让这名 ...