博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScriput的一些小细节
阅读量:7193 次
发布时间:2019-06-29

本文共 1550 字,大约阅读时间需要 5 分钟。

创建一个节点
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%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+"秒";
 
}
}

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

你可能感兴趣的文章
c#获取带有汉字的字符串长度
查看>>
Iterator、Iterable接口的使用及详解
查看>>
c-大量经典的c算法---ShinePans
查看>>
Spring学习2—Spring容器
查看>>
Atitit.软件硕士 博士课程 一览表 attilax 总结
查看>>
[Hapi.js] Serving static files
查看>>
multidownloadXkcd 多线程抓图
查看>>
DDD 领域驱动设计-如何控制业务流程?
查看>>
有三个线程T1 T2 T3,如何保证他们按顺序执行-转载
查看>>
mysql中的bigint int smallint tinyint到底能存多大数值?
查看>>
一份不太简短的LaTeX教程 lshort – A short introduction to LATEX 2elshort – A short introduction to LATEX...
查看>>
service里面弹出对话框
查看>>
tasklet和工作队列
查看>>
第三十节,正则表达式re模块
查看>>
【转】如何确定Kafka的分区数、key和consumer线程数
查看>>
guice整合struts2,guice的使用(八)
查看>>
iOS开发基础知识--碎片45
查看>>
[CC]点云密度计算
查看>>
关于数据库学习进阶的一点体悟
查看>>
Java的自动递增和递减
查看>>