开发者社区> 科技小能手> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

js获取某id下面的div元素个数并判断输出

简介:
+关注继续查看
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style>
.fl{float:left;}
.fr{float:right;}
</style>
<div class="box03" id="abc">
    <dl>1</dl>
    <dl>1</dl>
    <dl>1</dl>
</div>
<script type="text/javascript">
var objName=document.getElementById("abc").getElementsByTagName("dl");
for (i=0;i<objName.length;i++) {
    (i%2==0)?(objName[i].className = "fl"):(objName[i].className = "fr");
}
</script>



本文转自 gutaotao1989 51CTO博客,原文链接:http://blog.51cto.com/taoyouth/1415463

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JavaScript实现一串div跟随鼠标移动效果(幻影效果)
JavaScript实现一串div跟随鼠标移动效果 上一篇博文我们说到了利用JavaScript实现div块跟随鼠标移动的效果。现在来讲一个进阶版,实现一串div跟随鼠标移动效果,鼠标幻影效果。如图: 在这里插入图片描述 HTML代码: <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div
0 0
JavaScript实现div块跟随鼠标移动效果
JavaScript实现div块跟随鼠标移动效果 前面讲了这么多DOM事件有关的属性等,现在我们进行一些相关的练习,实现div块跟随鼠标移动效果,如图: 在这里插入图片描述 HTML代码: <div id="box"></div> 1 CSS代码: *{ margin: 0; padding: 0; } body{ width: 2000px; height: 2000px; } #box{ width: 200px; heigh
0 0
零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍
零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍
0 0
js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高
js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高
0 0
利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作
利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作
0 0
利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作
利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载