没发循环获取id值的,因为id具有唯一性,可以通过name属性获取的。
思路:根据name值获取对象数组后使用循环取出id值,关键代码如下:
obj = documentgetElementsByName(input_name);
for(i=0;i<objlength;i++){
// obj[i]id;
}
实例演示如下:
1、HTML结构:提供了3个name值相同的input和一个name值不同的干扰input
<input type="text" name="test" id="test1" value="name=test id=test1"/>
<input type="text" name="test" id="test2" value="name=test id=test2"/>
<input type="text" name="test" id="test3" value="name=test id=test3"/>
<input type="text" name="test1" id="test4" value="name=test1 id=test4"/>
<br/><input type='button' value='获取name=test的文本框的id' onclick="fun()"/>
2、javascript代码
function fun(){
obj = documentgetElementsByName("test");
str = "";
for(i=0;i<objlength;i++){
str += obj[i]id + " ";
}
alert(str)
}
3、点击按钮后效果
从js里面获取HTML 的input标签中的内容分两种:
1、获取input标签的值,方法:
根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>
js中获取方法:$("#name")val();
2、获取input标签的属性内容,方法:
如有:<input type='text' id='name' value=123 ind='1'>
要获取ind的值,方法:
$("#name")attr("ind");
分享
使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料:编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素,然后使用attr方法获取某个属性的值,代码如下:
<div id="div1" class="test"></div>
<script>
consolelog($('#div1')attr('class'));
</script>
2、运行的结果是获取到了class的值test,如下图:
var c=documentcurrentScriptsrcsplit("")[1];
if(c){
var cs={};
csplit("#")[0]split("&")forEach(function(e){
var s=esplit("=");
if(slength==2)cs[s[0]]=s[1];
});
consolelog(csid);
}
获得 id 的名字
你要获得id 的名字干嘛,id 是table 的标识, 你反而要获得id 的值,你是不是思路障碍了
真够新鲜的
或者,我理解错你问题的意思了
方法有两种:
1、通过jquery的方式,使用id选择器方式获取节点,然后获取值
2、通过原生的dom方式,获取id的值
示例:
1
2
3
4
5
6
7
第一种:
<body>
<input type='text' id='ipt'/>
</body>
<script>
var v = $('#ipt')val();//根据id获取input的value值
</script>
1
2
3
4
5
6
7
第二种:
<body>
<input type='text' id='ipt'/>
</body>
<script>
var v=documentgetElementById('ipt')value;//根据id获取input的value值
</script>
<body onload='test()'>
<div ng-app="myApp" ng-controller="formCtrl">
<input type="text" id='aaaa' ng-model="userfirstName"><br>
<button ng-click="showvalue()">获取</button>
</div>
<script>
function test(){
alert(documentgetElementById('aaaa')value);
}
var app = angularmodule('myApp', []);
appcontroller('formCtrl', function($scope) {
$scopemaster = {firstName:"John1", lastName:"Doe"};
$scopeshowvalue = function() {
alert($scopeuserfirstName);
};
$scopeuser = angularcopy($scopemaster);
});
</script>
以上就是关于js 循环获取 id 函数全部的内容,包括:js 循环获取 id 函数、JS 怎样获取 script标签中的内容、html JS中如何获取某ID下的某个标签的某个属性值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)