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
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-11-20
如果是在生成的时候就获取,这个例子应该可以让你明白:
<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对象了。
希望对你有帮助~~本回答被提问者和网友采纳

你好,关于javascript怎样获取动态生成div的Id值的问题,请帮帮我...
现在来说第一个方法:假如你在上面的代码的<li>标签中假如这样一个id :<li id="test">那么可以这样来找到DIV的ID值:var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id;这样要求一点点小技巧。至于你说如何取DIV的动态ID,这样还不简单么?随便取个字符...

js如何获取动态的id
4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“获取id值”。5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getid()函数。6、在js标签内,创建getid()函数,在函数内,通过元素名称获得div对象,使用attr()方法获得动态添加div的id值,并使用alert()...

javascript中如何在body中动态添加div元素?
详细的解题步骤如下:<div id="parent"><\/div> function addElementDiv(obj) { var parent = document.getElementById(obj);\/\/添加 div var div = document.createElement("div");\/\/设置 div 属性,如 id div.setAttribute("id", "newDiv");div.innerHTML = "js 动态添加div";parent.append...

javascript获取html页面中ID
你好!分析你的需求,应该是在#west这个div下面,动态显示导航内容吧!使用了easyui,也就是有jquery了,可以通过jquery来获取#west ("#west") 就是你的west这个div了如果想加载内容到#wnav这个div,就通过$("#wnav")来得到,然后通过 $("#wnav").append("你动态加载的内容"); 将内容加载...

js怎么动态获取ID值
可以通过jquery获取ID,然后拆分ID,就可以获取想要的id了 。例如:<div id="getid"> <ul> <li id="li1">标题1<\/li> <li id="li2">标题2<\/li> <li id="li3">标题3<\/li> <\/ul> <\/div> <script type="text\/javascript"> ("#getid li").each(function(){ var li_id = $(...

javascript怎么获取div id或者class
无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象.要取得DIV对象的方法有很多.常用的有2个,一个是根据ID,用 var div=document.getElementById('youdivid')另一种就是通过标签名来取得 var div=document.getElementsByTagName('div')[num]第2种方法和第一种方法的区别是不用设ID...

JS为DIV动态设置ID属性
JS为里面的每个div设置不同的ID属性的代码如下:<script> var objs=document.getElementById("iproduct").getElementsByTagName("div");for(var i=0;i<objs.length;i++){ objs[i].id="myid" + i;} <\/script> objs[i].id="myid" + i; 遍历一下,在id后面加上遍历索引,每个div的id...

javascript中如何动态获取标签的id
最笨的方法是把出来的ID都用个变量装载,然後FOR去循环它 最懒的方法是用div套著它,然後for x in 循环他,如果属性是TD就获取它的innerHTML,否则跳过.

如何通过javascript动态添加标签?
可以直接用document.getElementById("divid").innerHTML = "<p>内容<\/p>";的方式来写。多个可以循环进行处理。假设段落文本是个数组:array。可以通过for (var i = 0; i < array.length;i++) {document.getElementById("divid").innerHTML = "<p>"+array[i]+"<\/p>";}的方式进行处理...

用js如何取到div中的值
1、HTML结构 <div id="test" user_id="test_id">id="test" user_id="test_id"<\/div><br\/><input type='button' value='获取div的自定义属性' onclick="fun()"\/>2、javascript代码 function fun(){obj = document.getElementById("test");alert(obj.getAttribute("user_id"))}3、...

相似回答