javascript 怎么遍历外层div里的多个div?
发布网友
发布时间:2022-05-16 04:29
我来回答
共5个回答
热心网友
时间:2022-05-16 05:58
你好!!
你是想要遍历(id为starsDiv)这个DIV的内部的div么?
document.getElementById() 这个是根据ID来获取元素。
document.getElementsByTagName() 这个是根据html标记来获取元素数组,注意Element是复数形式
var _starsDiv = document.getElementById("starsDiv"),
_childrenDiv = _starsDiv.getElementsByTagName("DIV"),
i = 0;
for( ; i<_childrenDiv.length; i++ ){
_childrenDiv[i].style.backgroundColor="blue";
}
热心网友
时间:2022-05-16 07:16
按照你的写法你遍历的是外层div,但是你用id来取出,不是一个数组,所以没有length属性,所以你取出长度没有反应。
遍历id是starsDiv的div里面的div应该是需要再取一次:
var sd=document.getElementById("starsDiv");
var sdSon=sd.getElementsByTagName('div');
for(var i=0;i<sdSon.length;i++){
sdSon[i].style.backgroundColor="blue";
alert();
}
希望能帮到你哦。
热心网友
时间:2022-05-16 08:51
<html>
<head>
<title></title>
</head>
<body>
<div id="starsDiv" style="position:absolute;top:0px;left:0px" >
<div style="position:relative;width:30px;height:30px;background-color:#fff000;font-size:30px" ></div>
<div style="position:relative;width:30px;height:30px;background-color:#ffa000;font-size:30px" ></div>
<div style="position:relative;width:30px;height:30px;background-color:#ff00ff;font-size:30px" ></div>
<div style="position:relative;width:30px;height:30px;background-color:#ffa000;font-size:30px" ></div>
<div style="position:relative;width:30px;height:30px;background-color:#ff00ff;font-size:30px" ></div>
</div>
</body>
<script type="text/javascript">
var sd=document.getElementById("starsDiv");
for(var i=0;i<sd.childNodes.length;i++){
if(sd.childNodes[i].style){
sd.childNodes[i].style.backgroundColor = "blue";
}
}
</script>
</html>
已测试
热心网友
时间:2022-05-16 10:42
1、外层div,用id来取出,不是一个数组,没有length属性,故取出长度没有反应。
2、id是starsDiv的div里面的div应该是需要再取一次:
程序如下:
var sd=document.getElementById("starsDiv");
var sdSon=sd.getElementsByTagName('div');
for(var i=0;i<sdSon.length;i++){
sdSon[i].style.backgroundColor="blue";
alert();
}
热心网友
时间:2022-05-16 12:50
JQ很方便的,干嘛要用原生JS
javascript 怎么遍历外层div里的多个div?
你好!!你是想要遍历(id为starsDiv)这个DIV的内部的div么?document.getElementById() 这个是根据ID来获取元素。document.getElementsByTagName() 这个是根据html标记来获取元素数组,注意Element是复数形式 var _starsDiv = document.getElementById("starsDiv"), _childrenDiv = _starsDiv.getEl...
js如何实现div的循环排序
如果想要实现这样的效果的话那box_0531这个div里面的内容应该由js生成,排好序然后再push进去,这样才行。
求javascript/如何控制多个div层显示与隐藏,万分感谢
<div class="a" style="display:none">一的内容</div> <div class="b" style="display:none">二的内容</div> <div class="c" style="display:none">三的内容</div> <div class="d" style="display:none">四的内容</div> </div> </div> ...
js 遍历div下的所有标签
楼主的问题没说清楚,一种意思可以理解为遍历页面所有的DIV标签,就像一楼的代码。还可理解为遍历一个指定DIV下所有的标签
遍历生成多个div,并给添加不同的class
+ val + "</div>" $("#oneDiv").append(div ); }); }});ajax取得的话这样是可以实现的如果不用ajax的话,在页面生成的时候将你取得的数据循环设置到div中,然后通过js动态添加样式$("div").each(function(){ $(this).addClass(随机class方法());});
jquery 遍历某个div 下的所有div怎么写
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <title>无标题文档</title> <script> (function(){ ('#mydiv div').each(function(i){ (this).css({'height':'30px','background-color' : '#ddd'});if(i==3)//如果遍历到第四...
javascript怎么得到div里面的div
document.getElementById("courselist").childnodes 或者 document.getElementById("courselist").getElementsByTagName(“div”)
C# 非控件数组创建的DIV组的遍历问题
response.write可以在前台动态生成?貌似应该是后台吧 (不在div在前台生成感觉确实要好一些)用Javascript根据div的id来查找然后插入,如:document.getElementById("div1").innertHTML="<input type="button"value="button1"/>如果是多个可以用循环来创建 如果还有问题可以发到我邮箱里270085954@qq.com ...
jquery 遍历某个div下的所有div怎么写?
123$(".parent").find(".childNode").each(function(){ //your code})jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码...
要遍历每个li下面的第二个div,应该怎么写?
原生js:var lis=document.querySelectorAll("ul#list li");for(var i=0;i<lis.length;i++){ //lis[i].getElementsByTagName("div")[1] 这个就是每个li下的第二个div } JQuery:("ul#list li").each(function(){ //$(this).find("div:eq(1)") 这个就是每个li下的第二个div ...