JavaScriput的一些小細節
阿新 • • 發佈：2017-06-24
cond bsp demo ren setattr 內置 內置對象 h+ 生成 創建一個節點
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的一些小細節