JS如何获取Input的name或者ID

JS如何获取Input的name或者ID,第1张

\x0d\\x0d\function loadmusic(o){\x0d\ alert('name='+oname+' / id='+oid);\x0d\}\x0d\\x0d\这个方法最简单,把当前对象做为参数传进去\x0d\或者不用参数伟递,也可以用event对象的srcElement属性得到触发事件的对象(在FireFox浏览器中需要用target属性),这个方法需要考虑浏览器兼容性,但也可以实现

$("input")attr("id");如果有多个input 呢? 你可以给input添加一个class , 然后$("你设置的class")attr("id"); 。 如果你的input放在某个元素中的话就更好取了

1.有以下输入控件在HTML中,代码如下:<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2.可以使用js来获取id和答案varvalue=文档。getelementbyid(“productName”)。值。

3.接下来,我们将警告(value),看看是否得到了输入的值。我们可以看到,输入的值已经成功d出。

4.也可以使用文档。getElementsByName方法(name)。

5.如果您测试结果,您仍然可以看到“value”的值成功d出。

6.您还可以通过jquery获得输入的值,这需要引入jquery的js包并传递代码$("#id").val()。$("#productName").val()。

7.$("输入('name=名字']”).val();例如,上面的例子可以使用$("input['name=productName']").val()。

我有一个想法就是首先遍历该集合,然后将id替换成有序的索引

for(var i = 0 ,i<listlength ,i++){

list[i]id=i;

}

通过该id的索引可以很方便的找出数组中对应的变量,

list[对象id]

这样做适合于大量数据查找对应属性的 *** 作,只需要遍历一遍,后续的所有查找动作都可以通过索引直接完成。

经过本人测试

find方法比直接遍历慢十倍,比直接通过索引查询慢一百倍,

综上,还不如直接用遍历来的快些!

测试代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoobcom)</title>

</head>

<body>

<p>点击按钮返回符合大于输入框中指定数字的数组元素。</p>

<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>

<button onclick="myFunction()">find方法点我</button>

<button onclick="Fun()">遍历方法点我</button>

<button onclick="FunIndex()">直接找的方法</button>

<p>值: <span id="demo"></span></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 findIndex() 方法。</p>

<script>

//测试结果很现实,遍历比find要快太多

var ages = [];

for(var i =0 ;i<1000000;i++){

agespush(i);

}

function checkAdult(age) {

return age == documentgetElementById("ageToCheck")value;

}

function myFunction() {

var start = new Date()getTime();

documentgetElementById("demo")innerHTML = agesfind(checkAdult);

consolelog("find查找耗时 :" +(new Date()getTime()-start))

}

function Fun() {

var start = new Date()getTime();

var value = documentgetElementById("ageToCheck")value;

for(var i =0 ; i<ageslength ;i++){

if(i==value){

documentgetElementById("demo")innerHTML =i;

consolelog("直接遍历耗时 :" +(new Date()getTime()-start));

return;

}

}

}

function FunIndex(){

var start = new Date()getTime();

documentgetElementById("demo")innerHTML =ages[documentgetElementById("ageToCheck")value]

consolelog("数组索引查找耗时 :"+(new Date()getTime()-start));

}

</script>

</body>

</html>

测试结果如下:

元素本身用this就炽了 攻取div2 用var objDiv2 = documentgetElementsById("div2"); 追问: 我是想获取这个div2你后面都写出来了 回答: 把你的代码贴出来,我也可以帮你啦。 documentgetElementsByTagName这类啦。 补充: 修改一下就可以。 改你的函数没意见吧。 <div onClick="toggle('div1',this)" id="div2"></div> //=== function expand(targetid,objSelf) { if (documentgetElementById) { target=documentgetElementById(targetid); if (targetstyledisplay=="block") { targetstyledisplay="none"; } else { targetstyledisplay="block"; } } if(targetstyledisplay=="block"){ objSelfvalue="cba"; }else{ objSelfvalue="seses"; }} 是不是可以呢。呵呵。

答案

将html代码改为

<input id='btn1' type='button' onclick='test(this)' title=23 value='保存' />

其中加粗的this是相对你的代码增加的部分。

然后在你页面的js中写一个函数如下:

function test(element){

alert(elementid)

}

演示

我为此问题写了一个测试页面,可以在线测试代码。

这是演示页面的结构:

现在点击保存按钮

d出的提示就是按钮的ID

以上就是关于JS如何获取Input的name或者ID全部的内容,包括:JS如何获取Input的name或者ID、js如何通过传递过来的文本框对象来获取该文本框的id值、怎样在页面获取js对象的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存