節(jié)點(diǎn)的創(chuàng)建以及添加

• 創(chuàng)建節(jié)點(diǎn)：
  一般創(chuàng)建一個(gè)節(jié)點(diǎn)我們通過(guò)document.createElement()鹊汛。
• 添加節(jié)點(diǎn)：
  一般是這個(gè)被創(chuàng)建標(biāo)簽的父親節(jié)點(diǎn)來(lái)添加我們創(chuàng)建的節(jié)點(diǎn)硼端，通過(guò)appendChild()萧芙。

1.創(chuàng)建一個(gè)div盒子
var box = document.createElement('div');
2.利用div的父節(jié)點(diǎn)來(lái)添加div
            obody.appendChild(box);

• 刪除節(jié)點(diǎn)：
  刪除節(jié)點(diǎn)的相關(guān)的操作给梅，一般通過(guò)父節(jié)點(diǎn)來(lái)操作，通過(guò)removeChild()双揪。

var oBody = document.getElementById('obody');
        oBody.removeChild(box);

• 插入節(jié)點(diǎn)：
  插入節(jié)點(diǎn)动羽，也是通過(guò)父節(jié)點(diǎn)來(lái)操作，通過(guò)insertBefore（）渔期。
  有兩個(gè)參數(shù)运吓，第一個(gè)參數(shù)表示要插入的節(jié)點(diǎn)，第二個(gè)被插入的節(jié)點(diǎn)疯趟。

var box1 = document.createElement('div');
oBody.insertBefore(box1,box);
把叫做box1的div插入到box之前拘哨。

克隆節(jié)點(diǎn)

• cloneNode():
• 如果不傳入?yún)?shù)，默認(rèn)為false,那么只是克隆節(jié)點(diǎn)本身信峻，不會(huì)克隆子節(jié)點(diǎn)
• 如果傳入true,會(huì)克隆節(jié)點(diǎn)本身和子節(jié)點(diǎn)

獲取子節(jié)點(diǎn)

• childNodes是獲取文本節(jié)點(diǎn)倦青。
• 我們一般通過(guò)children獲取標(biāo)簽子節(jié)點(diǎn)。
• 例子：

HTML:
<div id="box">
    <button id="btn1"></button>
    <button></button>
    <button></button>
</div>
JS:
 var box = document.getElementById('box');
var myChildren = box.children;

獲取兄弟節(jié)點(diǎn)

• nextElementSibling：獲取標(biāo)簽元素盹舞，但是只有一般瀏覽器可以實(shí)現(xiàn)對(duì)應(yīng)的效果ie瀏覽器不能有對(duì)應(yīng)的效果产镐。
• nextSibling：可以在ie獲取標(biāo)簽元素
• 兼容寫(xiě)法：

  var brotherSym =  btn1.nextElementSibling||btn1.nextSibling;

獲取父親節(jié)點(diǎn)

• 通過(guò)parentNode。

var btn1 = document.getElementById('btn1');
   var parentSym = btn1.parentNode;

date對(duì)象的認(rèn)識(shí)

• var myDate = new Date()：
  創(chuàng)建時(shí)間對(duì)象,表示的是當(dāng)前的時(shí)間踢步。
• myDate.getTime()：
  當(dāng)前時(shí)間的時(shí)間戳癣亚，獲取的是當(dāng)前時(shí)間到1970一月一號(hào)開(kāi)始的毫秒數(shù)。

時(shí)間對(duì)象的相關(guān)的屬性和方法

• 1.創(chuàng)建時(shí)間對(duì)象

    var myDate = new Date();

• 2獲取當(dāng)前的年份

* 3.獲取月份,月份的時(shí)間是0-11
  ```  var month = myDate.getMonth()+1;
獲取的月份時(shí)間是0-11获印，所以我們要加上1才能顯示正確的月份

• 4.獲取日期

* 5.獲取星期,注意0表示周日述雾，其余一樣
    ```var weekDay = myDate.getDay();

• 6.獲取小時(shí)

* 7.獲取分鐘
    ```var minute = myDate.getMinutes();

• 8.獲取秒

* 9.獲取毫秒
    ```
var minS = myDate.getMilliseconds();

簡(jiǎn)單日歷的制作

HTML:
<div class="box" id="box">
    <p id="oP">dasfdsa</p>
    <span id="oSpan">dasf</span>
</div>
JS:
var oP = document.getElementById('oP');
    var oSpan = document.getElementById('oSpan');
    /*2.回去當(dāng)前的時(shí)間設(shè)置內(nèi)容*/
    var myDate = new Date();
    /*2.1獲取年月日星期*/
    var year = myDate.getFullYear();
    var month = myDate.getMonth()+1;
    var day = myDate.getDate();
    var weekDay = myDate.getDay();
    /*2.2顯示對(duì)應(yīng)的日期*/
    /*2.2設(shè)置一個(gè)星期數(shù)組，用來(lái)設(shè)置星期*/
    var weekDayS = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
    oP.innerHTML = year+'年'+month +'月'+day +'日'+ weekDayS[weekDay];
    /*2.3設(shè)置對(duì)應(yīng)的日期*/
    oSpan.innerHTML = day;