码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScriput的一些小细节

时间:2017-06-24 19:39:39      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:move   put   button   elements   before   doc   attribute   document   window   

创建一个节点
window.onload=function(){
var demo=document.getElementById("demo");
//获取第一个按钮索引为0
var btn=document.getElementsByTagName("button")[0];
//按钮鼠标事件
btn.onclick=function(){
//创建一个li
var newdiv=document.createElement("li");
//插入一个li
demo.appendChild(newdiv);
//克隆并且插入一个demo
demo.appendChild(demo.cloneNode(demo));
}
}
插入到某个元素的前面
insertBefore(插入的新节点,参照节点[0]) 插入节点 :
 
inserBefore(test,null) 如果第二个参数为bull 则默认生成的盒子放到最后面!
移除子节点
removeChild(被移除的子节点!)
克隆一个对象:
克隆对象.appendChild( 克隆对象.cloneNode(克隆的对象))
cursor:pointer:设置当前对象可点击!
获得父节点下面的一个子节点
节点=父节点.children
获取节点的属性
getAttribute("属性标签")
设置节点的属性:
setAttribute("属性",“值")
例如我们要把一个类名改为demo
div.setAttribute("class","demo")
删除某个属性:
removeAttribute("属性标签)
 
内置对象:(也就是类)
声明日期:
var date=new Date();
例子:
var deta=new Date();
alert(deta.getTime());
alert(deta.valueOf());
从1970年1月1日 到现在的时间
 
定时器 :
setInterval(fun,1000); 每隔一秒钟运行一次 fun 函数
 
 
 
时间换算案列
window.onload=function(){
var box=document.getElementById("box");
var endtime=new Date("2017/12/12 17:30:00");
setInterval(clock,1000);
function clock(){
var nowTime=new Date();
// console.log(nowTime.getTime());
var second=parseInt((endtime.getTime()-nowTime.getTime())/1000);
//一小时等于3600秒
var d=parseInt(second/ 3600 / 24); //获得天数
// console.log(d);
var h=parseInt(second/ 3600 % 24); //获得小时
// console.log(h);
var m=parseInt(second/60 % 60); //分钟
// console.log(m)
var s=parseInt(second%60); //秒
d<10 ? "0"+d : d;
h<10 ? "0"+h : h;
m<10 ? "0"+m : m;
s<10 ? "0"+s : s;
box.innerHTML="距离毁灭时间还剩:"+d+"天 "+h+"小时 "+m+"分钟 "+s+"秒";
 
}
}

JavaScriput的一些小细节

标签:move   put   button   elements   before   doc   attribute   document   window   

原文地址:http://www.cnblogs.com/EVNS/p/7074087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!