摘要：返回值被刪除的那一個元素。作用截取數(shù)組中一部分，并返回這個新的數(shù)組返回值截取后的新的數(shù)組。傳入的時候，內(nèi)的返回值小于或者等于，數(shù)組序列不變。由于內(nèi)部是隨機(jī)抽取兩個值，我們在利用函數(shù)的返回值，大于的時候，交換位置。

1. indexOf：查找字符串某一項(xiàng)的初始位置
2. slice：截取字符串（包含起始位置，不包含結(jié)束位置）

不會根據(jù)參數(shù)大小，交換參數(shù)位置
如果出現(xiàn)-1按倒數(shù)第一個數(shù)，如果出現(xiàn)-2按倒數(shù)第二個數(shù)。

3. substring：截取字符串（包含起始位置，不包含結(jié)束位置）

會根據(jù)參數(shù)大小，交換參數(shù)位置
如果出現(xiàn)負(fù)數(shù)，則按0處理。

4. substr：截取字符串

5. split：

作用: 通過一個指定的字符串 把原字符串分割成一個數(shù)組。
語法: array string.split([separator] [, limit])
參數(shù):separator是指分割符。limit指定最多分割的數(shù)量，可以理解為數(shù)組長度，默認(rèn)為全部。
返回值:返回一個數(shù)組。
注意:當(dāng)沒有分割符的時候(沒有傳入?yún)?shù))，整個字符串將作為一個整體保存到數(shù)組中。 用分割符分割的時候，分割符會在被刪除了在傳入數(shù)組。

6.charAt：返回對應(yīng)位置的字符

1. join： 將數(shù)組通過指定字符拼接成字符串。

separator可選，如果省略的話，默認(rèn)為一個逗號。如果 seprator 是一個空字符串，那么數(shù)組中的所有元素將被直接連接。

2. push： 往數(shù)組的末尾添加一個或者多個元素。返回值：新數(shù)組的length。會修改原數(shù)組。
3. unshift： 往數(shù)組的末尾添加一個或者多個元素。返回值：新數(shù)組的length。會修改原數(shù)組。
4. pop： 作用: 刪除數(shù)組最后 一個 元素。返回值： 被刪除的那一個元素。注意：會修改原數(shù)組。
5. shift： 作用: 刪除數(shù)組 第一個 元素。返回值： 被刪除的那一個元素。注意：會修改原數(shù)組。
6. slice： 作用:截取數(shù)組中一部分，并返回這個新的數(shù)組.返回值: 截取后的新的數(shù)組。注意：不會修改原數(shù)組。
7. splice

array array.splice(start, deleteCount[, item1[, item2[, ...]]])
- start    起始位置
- deleteCount    刪除長度
- item    添加的內(nèi)容
返回值： 由被刪除的元素組成的一個數(shù)組
注意：修改了原數(shù)組的內(nèi)容。

作用： 對數(shù)組的元素進(jìn)行排序。
語法： array arr.sort([compareFunction]);
參數(shù): compareFunction可選。用來指定按某種順序進(jìn)行排列的函數(shù)。如果省略，元素按照轉(zhuǎn)換為的字符串的諸個字符的Unicode位點(diǎn)進(jìn)行排序。
返回值: 排序后的數(shù)組.

1.children 和 childNodes

children 獲取節(jié)點(diǎn)的一級的元素子節(jié)點(diǎn)，返回的是集合 HTMLCollection    
childNodes 獲取節(jié)點(diǎn)的子節(jié)點(diǎn)，可能獲取到 元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，注釋節(jié)點(diǎn)，返回的是集合 NodeList

    

        

    
    
p
    一句話

2.
node.previousElementSibling 上一個元素兄弟節(jié)點(diǎn)
node.nextElementSibling 下一個元素兄弟節(jié)點(diǎn)

    
1
    
2
    
3
    
4

一句話

3.firstElementChild和lastElementChild

    
1
    
2
    
3
    
4

4.setAttribute和removeAttribute

5.getBoundingClientRect()

script>
    var box = document.getElementById("box");
    console.log( box.getBoundingClientRect() );
    console.log( box.getBoundingClientRect().left );//盒子 左邊 距離 可視區(qū) 左邊 的距離  301
    console.log( box.getBoundingClientRect().right);//盒子 右邊 距離 可視區(qū) 左邊 的距離  481
    console.log( box.getBoundingClientRect().top);//盒子 頂部 距離 可視區(qū) 頂部 的距離 ,這個頁面的滾動會發(fā)生變化   501
    console.log( box.getBoundingClientRect().bottom);//盒子 底部 距離 可視區(qū) 頂部 的距離,這個頁面的滾動會發(fā)生變化   731
    console.log( box.getBoundingClientRect().width);//盒子 可視 寬度（就是不包括margin） 180
    console.log( box.getBoundingClientRect().height);//盒子 可視 高度（就是不包括margin）230

6.createElemen

創(chuàng)建元素:
    innerHTML
        問題:原先元素的事件會被清除.
    document.createElement("div");
        為創(chuàng)建的元素添加屬性,樣式,事件

7.appendChild

parentNode.appendChild(childNode)

    往一個節(jié)點(diǎn)里邊添加一個子節(jié)點(diǎn)，注意是添加在最后
    parentNode:父節(jié)點(diǎn)（需要把節(jié)點(diǎn)放入哪個容器的內(nèi)部）
    childNode:子節(jié)點(diǎn)（需要放的節(jié)點(diǎn)）
    childNode 會被放進(jìn) parentNode 內(nèi)部 的 尾部

    
大頭兒子

8.insertBefore

parentNode.insertBefore(childNode1,childNode2)
        往一個節(jié)點(diǎn)的 指定子節(jié)點(diǎn)前邊插入一個節(jié)點(diǎn)
    childNode1插入到childNode2前邊；
    如果第二個參數(shù)沒有，會報錯
    如果第二個參數(shù)是null,相當(dāng)于appendChild

9.removeChild

parentNode.removeChild(childNodes)
    從一個節(jié)點(diǎn)中刪除指定的子節(jié)點(diǎn)。
        注意：返回值是你刪除的節(jié)點(diǎn)

10.replaceChild

parentNode.replaceChild(node,childNode)
    node用來替換的節(jié)點(diǎn)
    childNodes被替換的子節(jié)點(diǎn)
        兩個參數(shù)都必須寫。

11.cloneNode

node.cloneNode(boolean)
    克隆一個節(jié)點(diǎn),返回值是 克隆 的新節(jié)點(diǎn)
        boolean:是否進(jìn)行深度克隆
            true：克隆元素和元素包含的子孫節(jié)點(diǎn)
            flase：克隆元素但不包含元素的子孫節(jié)點(diǎn)
    注意：
        克隆的時候會把節(jié)點(diǎn)的id也克隆下來，所以要注意多帶帶設(shè)置節(jié)點(diǎn)的id

    

        大頭兒子
        
        
半碗粉
            
辣椒油