怎么从js代码中取到input的id值

怎么从js代码中取到input的id值,第1张

1、使用JavaScript原生documentgetElementsByName(id)方法;

var Id = documentgetElementsByName("input");

var Value = Idid;

2、一般开发的时候,会用到jquery,jquery是javascript基础上简化的插件。

使用attr()方法

var Value = $('input')attr(id);

<div>

    <div class="list" id="name1">fgd</div>

    <div class="list" id="name2">dff</div>

<div>$("class")click(function(){

    $(this)attr("id");

    $(this)html();

});

你的描述不多,估计问题是在前面写onmousedown参数传递的那部分出了问题,你后头看看。

我这个能解决获取从div传过来的那个变量,你把前面弄个循环,就是动态获取了

我弄得是jquery,改成js,你应该明白吧。有问题可以再问

直接用 documentgetElementById('form')value

如下面的完整演示代码(保存为htm即可查看):

<html>

<head>

<meta >

原生JS通过id和class获取元素是用,documentgetElementById(IDname),documentgetElementsByClassName('ClassName');

兼容性:ID兼容,class 不兼容IE6,7,8

数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。

通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。

思路:根据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代码中取到input的id值全部的内容,包括:怎么从js代码中取到input的id值、js获取div的id值的问题、js如何获取一个文本框的id值,就是id=“” 引号里的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存