首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js常用方法和一些封装 -- 时间相关(附案例详解)

timeBox应改为dom,封装方法的时候忘了改过来了,现在已更正。...本文介绍一些时间操作相关的方法,经过思考,从这一篇开始,主要围绕一个例子开始讲,先通过案例来讲解一下基本的操作。然后上干货 -- 也就是各种封装好的方法,都是可以直接使用的。...我们用js的方式来实现: //让元素居中的方法 function _center(dom){ dom.style.position = 'absolute'; dom.style.top...'; dom.style['margin-left'] = - dom.offsetWidth / 2 + 'px'; } var timeBox = dom("#time"); //dom方法封装...Paste_Image.png 我们希望拿到hh:mm:ss格式的时间数据,而js原生态的date对象没有format方法,所以先通过下面的代码扩展一下: Date.prototype.format =

1.8K81
您找到你想要的搜索结果了吗?
是的
没有找到

js常用方法和一些封装(3) -- dom相关

js一个非常重要的作用就是对dom进行操作,所谓的dom,可以理解为html代码里的一个个节点。比如,body标签元素就是一个dom。本文对js的dom操作进行一些总结。...1.最简单的dom方法封装 在本系列中,假设我们不考虑用jQuery。 现在给第三个盒子添加一个id。...child,index){ if(child == box){ alert(index); return false; } }); 这样也可以,最后,将这些内容封装方法...的路线就是如此,先想尽办法把功能实现了,然后才开始封装方法。...1.gif IE678还是不支持的,那么,如果让我们自己来封装一个方法,又该如何呢? 这里提供一种思路: 1.用getElementsByTagName获取parent元素下所有的节点。

1.6K101
领券