js根据id取值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js根据id取值相关的知识,希望对你有一定的参考价值。

<div class="payment_div" id="payment_div" onmouseover="paymentover($payment.pay_id)" onmouseout="paymentout($payment.pay_id)" >
循环内容
</div>
<script>
function paymentover(id)
var paymentover =document.getElementById("payment_div"+id);
paymentover.style.border='1px solid #000';


</script>
各位,帮忙看下,这个代码要怎么改呢,根据获取的id来显示,id是个不固定的且也不是按顺序的,现在想实现的是当我鼠标移到某一个div上的时候对应的div显示样式,其它不变,研究了好久,没研究出来,麻烦各位大哥帮忙看看,感激不尽。

首先如果是很多个元素的话选择元素方式就错了,用ID选择只能选1个,而要放在不同的DIV上显示指定样式是多元素。如果是单个的但是ID值不停变化那paymentover.onmouseover = function () this.style.border='1px solid #000'; 就行了。

js中如何获取一个id的值:
方法一、
<html>
<head>
<script language="javascript">
function print()
var a=myform.name.value;
alert(a);

</script>
</head>
<body>
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。

方法二、

Java代码
<html>
<head>
<script language="javascript">
function print()
var a=document.getElementById("nn").value;
alert(a);

</script>
</head>
<body>
<form>
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id。
参考技术A 首先如果是很多个元素的话你的选择元素方式就错了,用ID选择只能选1个,而你要放在不同的DIV上显示指定样式应该是多元素吧? 如果是单个的但是ID值不停变化那你paymentover.onmouseover = function () this.style.border='1px solid #000'; 就行了追问

那要怎么做才能实现呢,能不能麻烦你给个代码示例呢,且这样点击的时候不会跟其它的div起冲突(既点击一个div别的div不影响)

追答

不太清楚你的需求,你有Q没? 加上我帮你写个吧

追问

932628004

本回答被提问者采纳
参考技术B js中如何获取一个id的值:
方法一、
<html>
<head>
<script language="javascript">
function print()
var a=myform.name.value;
alert(a);

</script>
</head>
<body>
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。

方法二、

Java代码
<html>
<head>
<script language="javascript">
function print()
var a=document.getElementById("nn").value;
alert(a);

</script>
</head>
<body>
<form>
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id

js的append中动态的ID怎么设定,怎么取值

参考技术A 不一定用 jquery 嘛 var results = [];var div = document.getElementById("div 的ID");for(var i = 0; i < div.childNodes.length; ++i) if(div.childNodes[i].tagName == "A" && div.childNodes[i].childNodes.length == 2) results.push(div.

以上是关于js根据id取值的主要内容,如果未能解决你的问题,请参考以下文章

js页面取值的三种方式

js的append中动态的ID怎么设定,怎么取值

HTML JS 取值和赋值

js多选框 取值赋值问题

span的取值与赋值 JS JQuery

数据库取值 三级分类后台遍历