javascript怎样获取动态生成div的Id值
展开全部
这样直接将ID设置成一个动态的ID的时候,一般不能通过直接读取ID来达到你想要读取的模块,你可以这样想,是否可以通过它的父节点来读取它的ID值?或者这样想,你既然已经有一个特别的name属性在这个DIV种,是否能通过name属性来进行读取?
现在来说第一个方法:假如你在上面的代码的标签中假如这样一个id : 那么可以这样来找到DIV的ID值:
var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id;
这样要求一点点小技巧。
至于你说如何取DIV的动态ID,这样还不简单么?随便取个字符串然后加上一些有规律的数字不就好了?比如说用个for(var i=0;i<10;i++){}循环输出你上面的代码,那么你的ID可以直接写成:<div id=\"info"+i+"\" name=
这样你的DIV的ID不就有规律地从info0开始直到info9了??
在学习JAVASCRIPT的时候我建议你再看看jquery
现在来说第一个方法:假如你在上面的代码的
var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id;
这样要求一点点小技巧。
至于你说如何取DIV的动态ID,这样还不简单么?随便取个字符串然后加上一些有规律的数字不就好了?比如说用个for(var i=0;i<10;i++){}循环输出你上面的代码,那么你的ID可以直接写成:<div id=\"info"+i+"\" name=
这样你的DIV的ID不就有规律地从info0开始直到info9了??
在学习JAVASCRIPT的时候我建议你再看看jquery
展开全部
如果是在生成的时候就获取,这个例子应该可以让你明白:
<html>
<head>
<title>同步更新文本框内容</title>
<script language="javascript">
(function(){
window.onload = function(){
var newdiv = document.createElement("<div id='newid' class='cls'>");
document.body.appendChild(newdiv);
alert(newdiv.id);
}
})();
</script>
<style type="text/css">
.cls{
width:200px;
height:200px;
background:#cfcfcf;
border:#ccccff 1px solid;
}
</style>
</head>
<body>
</body>
</html>
如果是需要在创建后使用,可以声明一个全局变量,然后在生成div完成后将id值保存在这个全局变量中,然后在以后就可以使用这个全局变量所存放的id来找到这个div对象了。
希望对你有帮助~~
<html>
<head>
<title>同步更新文本框内容</title>
<script language="javascript">
(function(){
window.onload = function(){
var newdiv = document.createElement("<div id='newid' class='cls'>");
document.body.appendChild(newdiv);
alert(newdiv.id);
}
})();
</script>
<style type="text/css">
.cls{
width:200px;
height:200px;
background:#cfcfcf;
border:#ccccff 1px solid;
}
</style>
</head>
<body>
</body>
</html>
如果是需要在创建后使用,可以声明一个全局变量,然后在生成div完成后将id值保存在这个全局变量中,然后在以后就可以使用这个全局变量所存放的id来找到这个div对象了。
希望对你有帮助~~
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询