js 循环获取 id 函数

js 循环获取 id 函数,第1张

没发循环获取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下的某个标签的某个属性值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9712916.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存