JavaScriput的一些小细节
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScriput的一些小细节相关的知识,希望对你有一定的参考价值。
创建一个节点
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的一些小细节的主要内容,如果未能解决你的问题,请参考以下文章