JavaScriput的一些小细节

mac2022-06-30  104

创建一个节点 window.οnlοad=function(){ var demo=document.getElementById("demo"); //获取第一个按钮索引为0 var btn=document.getElementsByTagName("button")[0]; //按钮鼠标事件 btn.οnclick=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.οnlοad=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`); //秒 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+"秒";   } }

转载于:https://www.cnblogs.com/EVNS/p/7074087.html

最新回复(0)