JavaScriput的一些小细节

Posted 2020-09-24

创建一个节点

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+"秒";

 

}

}