首页 > 代码库 > JavaScriput的一些小细节
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的一些小细节
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。