如何使用 同一个js方法 取得不同的ID 并赋值
展开全部
思路:
用同一个方法的话, 需要传一个参数,那就是元素的id或是class。
再考虑id不能重复,所以在函数内,就只能拼id。
简单的代码:
function tab(className){
var aDom = document.getElementsByClssName('className');
for(var i=0;i<aDom.length;i++){
aDom[i].id = '' + i + Math.floor(Math.random()*10000);
}
}
这样就可以避免id重复了。而且给每个元素都添加了id值。
展开全部
你的意思是不是根据id值来赋值啊
function getValue(id,value){
document.getElementById(id).value = value;
}
function getValue(id,value){
document.getElementById(id).value = value;
}
追问
不是,我想到方法了,一个方法用想取不同的id来改变对象的属性,id值都是遍历出来的,我用遍历出来的id值作为id的值,点击的时候出发方法,方法里传个参数就ok,不用但是id不同同一个方法,不用担心id不同 js怎么取值的问题了。
追答
嗯
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
赋值的方法如下;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
var divInfo = [];
divInfo[0]="aaa";
divInfo[1]="bbb";
divInfo[2]="ccc";
function setDIV(obj){
var id = obj.id.slice(-1);
document.getElementById("d"+obj.id.slice(-1)).innerText=divInfo[id-1];
}
</script>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<input type="button" id="Bottom1" value="Bottom1" onclick="setDIV(this)">
<input type="button" id="Bottom2" value="Bottom2" onclick="setDIV(this)">
<input type="button" id="Bottom3" value="Bottom3" onclick="setDIV(this)">
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
var divInfo = [];
divInfo[0]="aaa";
divInfo[1]="bbb";
divInfo[2]="ccc";
function setDIV(obj){
var id = obj.id.slice(-1);
document.getElementById("d"+obj.id.slice(-1)).innerText=divInfo[id-1];
}
</script>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<input type="button" id="Bottom1" value="Bottom1" onclick="setDIV(this)">
<input type="button" id="Bottom2" value="Bottom2" onclick="setDIV(this)">
<input type="button" id="Bottom3" value="Bottom3" onclick="setDIV(this)">
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询