javascript 问题
请问如何获取initDiv[i].onclick里面的i的值;就是我想获取我点击的是哪个div,各位高手们帮帮忙啊<body><divclass="innerLeftCe...
请问如何获取initDiv[i].onclick里面的i的值;就是我想获取我点击的是哪个div,各位高手们帮帮忙啊
<body>
<div class="innerLeftCenter" id="inerId" style=" display:block">
<div class="hypoNav"><a href="#">创新科技</a></div>
<div class="hypoNav"><a href="#">会议展览</a></div>
<div class="hypoNav"><a href="#">规划建设</a></div>
<div class="hypoNav"><a href="#">电子商务</a></div>
<div class="hypoNav"><a href="#">仓储物流</a></div>
</div>
<script type="text/javascript">
var initDiv = document.getElementById("inerId").getElementsByTagName("div");
var divlen = initDiv.length;
for(var i=0; i<divlen; i++){
alert("aa")
initDiv[i].onclick =;
}
</script>
</body>
alert("aa") 是我测试添加上面的,忘了删.. 不能加id的啊;我想要的是当我点击id="inerId" 里面第一个div的时候它能弹出出0,以此类推可以循环下去的;
谢谢大家的回答,我把问题再说清楚些;
我本来的思路是先找到id="inerId"里面的div个数;
然后就是当我点击里面的div的时候能够知道我点的是里面第几个div;我需要这个div的位置的值;
也是点击时i的值 展开
<body>
<div class="innerLeftCenter" id="inerId" style=" display:block">
<div class="hypoNav"><a href="#">创新科技</a></div>
<div class="hypoNav"><a href="#">会议展览</a></div>
<div class="hypoNav"><a href="#">规划建设</a></div>
<div class="hypoNav"><a href="#">电子商务</a></div>
<div class="hypoNav"><a href="#">仓储物流</a></div>
</div>
<script type="text/javascript">
var initDiv = document.getElementById("inerId").getElementsByTagName("div");
var divlen = initDiv.length;
for(var i=0; i<divlen; i++){
alert("aa")
initDiv[i].onclick =;
}
</script>
</body>
alert("aa") 是我测试添加上面的,忘了删.. 不能加id的啊;我想要的是当我点击id="inerId" 里面第一个div的时候它能弹出出0,以此类推可以循环下去的;
谢谢大家的回答,我把问题再说清楚些;
我本来的思路是先找到id="inerId"里面的div个数;
然后就是当我点击里面的div的时候能够知道我点的是里面第几个div;我需要这个div的位置的值;
也是点击时i的值 展开
5个回答
展开全部
我刚帮你写了一小段，你可以copy下去 运行试试
有问题的话 可以留言给我 ·~~
===============================================================
<div class="innerLeftCenter" id="inerId" style=" display:block">
<div class="hypoNav"><a href="#">创新科技</a></div>
<div class="hypoNav"><a href="#">会议展览</a></div>
<div class="hypoNav"><a href="#">规划建设</a></div>
<div class="hypoNav"><a href="#">电子商务</a></div>
<div class="hypoNav"><a href="#">仓储物流</a></div>
</div>
<div id="msg"></div><!-- valibo 提示：我在这里新加了一个div -->
<script type="text/javascript" language="javascript">
// 定义名为each的函数，方便遍历数组或者对象的处理
function each(o, f){
if(o.length == undefined)
for(var n in o)
f.call(o[n], n, o[n]);
else
for(var i=0, l = o.length; i<l; i++)
f.call(o[i], i, o[i]);
}
var initDiv = document.getElementById("inerId").getElementsByTagName("div");
each(initDiv,function(i,m){
this.i = i;
this.id = "aDiv" + i;
this.onclick = (function(){
var msg = "";
msg += "你点击了第"+this.i+"个div <br>";
msg += "你点击了的div的id 是："+this.id+"(..................注意 这里的id 和 this.i 是在遍历的时候我加上去的)<br>";
msg += "得到 this.innerHTML:" +this.innerHTML +"<br>";
//这里得到div 里的a
var a = this.getElementsByTagName('a');
msg += "div 里面a的text是:" +a[0].innerText+"<br>";
document.getElementById("msg").innerHTML = msg;
});
});
</script>
有问题的话 可以留言给我 ·~~
===============================================================
<div class="innerLeftCenter" id="inerId" style=" display:block">
<div class="hypoNav"><a href="#">创新科技</a></div>
<div class="hypoNav"><a href="#">会议展览</a></div>
<div class="hypoNav"><a href="#">规划建设</a></div>
<div class="hypoNav"><a href="#">电子商务</a></div>
<div class="hypoNav"><a href="#">仓储物流</a></div>
</div>
<div id="msg"></div><!-- valibo 提示：我在这里新加了一个div -->
<script type="text/javascript" language="javascript">
// 定义名为each的函数，方便遍历数组或者对象的处理
function each(o, f){
if(o.length == undefined)
for(var n in o)
f.call(o[n], n, o[n]);
else
for(var i=0, l = o.length; i<l; i++)
f.call(o[i], i, o[i]);
}
var initDiv = document.getElementById("inerId").getElementsByTagName("div");
each(initDiv,function(i,m){
this.i = i;
this.id = "aDiv" + i;
this.onclick = (function(){
var msg = "";
msg += "你点击了第"+this.i+"个div <br>";
msg += "你点击了的div的id 是："+this.id+"(..................注意 这里的id 和 this.i 是在遍历的时候我加上去的)<br>";
msg += "得到 this.innerHTML:" +this.innerHTML +"<br>";
//这里得到div 里的a
var a = this.getElementsByTagName('a');
msg += "div 里面a的text是:" +a[0].innerText+"<br>";
document.getElementById("msg").innerHTML = msg;
});
});
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
js方法加个参数 this，会把点击的对象传进去，然后在js里用方法得到所有的div，然后循环和这个传递进来的比较就知道是第几个了！
详细的可以上hi聊！
详细的可以上hi聊！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="hypoNav" id="a" >仓储物流</div>
alert(document.getElementById("a"));
应该是这样的 你试试啊
下面 这我找的例子
<ul>
<li id= "li1 "> 123 </li>
<li id= "li2 "> 456 </li>
</ul>
...
<script language= "javascript ">
var o = document.getElementById( "li1 ");
alert(o.innerText); //返回 123
var o = document.getElementsByTagName( "li ");
for( var i=0;i <o.length;i++){
alert(o[i].innerText); //返回 123 和 456
}
</script>
</BODY>
alert(document.getElementById("a"));
应该是这样的 你试试啊
下面 这我找的例子
<ul>
<li id= "li1 "> 123 </li>
<li id= "li2 "> 456 </li>
</ul>
...
<script language= "javascript ">
var o = document.getElementById( "li1 ");
alert(o.innerText); //返回 123
var o = document.getElementsByTagName( "li ");
for( var i=0;i <o.length;i++){
alert(o[i].innerText); //返回 123 和 456
}
</script>
</BODY>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
var initDiv = document.getElementById("inerId").getElementsByTagName("div");
var divlen = initDiv.length;
for(var i=0; i<divlen; i++){
alert(initDiv[i].getFirstChild().innerHTML);(用这一句试试有什么效果)
}
</script>
var initDiv = document.getElementById("inerId").getElementsByTagName("div");
var divlen = initDiv.length;
for(var i=0; i<divlen; i++){
alert(initDiv[i].getFirstChild().innerHTML);(用这一句试试有什么效果)
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你没说清楚你想干嘛,如果只想弹出div的顺序的那个数字是没意义的
再说清楚点才好帮你
再说清楚点才好帮你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
