javaScript中的DOM操作:
通過元素的ID名獲取元素:getElementById();
通過元素的Class名獲取元素集合:getElementsByClassName();
通過元素的種類獲取元素集合:getElementsByTagName();
通過元素的name名獲取元素集合:getElementsByName();
創建一個元素節點:createElement();
創建一個文本節點:createTextNode();
將文本節點放入元素節點appendChild();
創建一個屬性節點:createAttribute();
給元素節點添加屬性節點:setAttributeNode();
給元素設置屬性:setAttribute(屬性,屬性值);
移除屬性:removeAttribute(屬性名);
移除子節點:removeChild();
替換子節點:replaceChild(新,舊);
在指定節點前插入節點(插入的節點,指定的節點);
獲取或設置HTML內容:innerHTML;
獲取或設置元素的文本:innerText;
獲取節點的子節點集合:childNodes;
獲取節點的子元素節點集合:children;
返回父元素節點:parentElement;
返回父節點:parentNode;
返回同級下一個元素節點:nextElementSibling;
返回下一個節點:nextSibling;
返回同級上一個元素節點:previousElementSibling;
返回同級上一個節點:proviousSibling;
返回屬性的集合:attributes;
返回節點名:nodeName;
返回節點值:nodeValue;
返回節點類型:nodeType;
數組屬性
| 屬性 | 描述 |
|---|---|
| constructor | 返回創建數組對象的原型函數。 |
| length | 設置或返回數組元素的個數。 |
| prototype | 允許你向數組對象添加屬性或方法。 |
Array 對象屬性
| 方法 | 描述 |
|---|---|
| concat() | 連接兩個或更多的數組,並返回結果。 |
| copyWithin() | 從數組的指定位置拷貝元素到數組的另一個指定位置中。 |
| entries() | 返回數組的可迭代對象。 |
| every() | 檢測數值元素的每個元素是否都符合條件。 |
| fill() | 使用一個固定值來填充數組。 |
| filter() | 檢測數值元素,並返回符合條件所有元素的數組。 |
| find() | 返回符合傳入測試(函數)條件的數組元素。 |
| findIndex() | 返回符合傳入測試(函數)條件的數組元素索引。 |
| forEach() | 數組每個元素都執行一次回調函數。 |
| from() | 通過給定的對象中創建一個數組。 |
| includes() | 判斷一個數組是否包含一個指定的值。 |
| indexOf() | 搜索數組中的元素,並返回它所在的位置。 |
| isArray() | 判斷對象是否為數組。 |
| join() | 把數組的所有元素放入一個字符串。 |
| keys() | 返回數組的可迭代對象,包含原始數組的鍵(key)。 |
| lastIndexOf() | 返回一個指定的字符串值最后出現的位置,在一個字符串中的指定位置從后向前搜索。 |
| map() | 通過指定函數處理數組的每個元素,並返回處理后的數組。 |
| pop() | 刪除數組的最后一個元素並返回刪除的元素。 |
| push() | 向數組的末尾添加一個或更多元素,並返回新的長度。 |
| reduce() | 將數組元素計算為一個值(從左到右)。 |
| reduceRight() | 將數組元素計算為一個值(從右到左)。 |
| reverse() | 反轉數組的元素順序。 |
| shift() | 刪除並返回數組的第一個元素。 |
| slice() | 選取數組的的一部分,並返回一個新數組。 |
| some() | 檢測數組元素中是否有元素符合指定條件。 |
| sort() | 對數組的元素進行排序。 |
| splice() | 從數組中添加或刪除元素。 |
| toString() | 把數組轉換為字符串,並返回結果。 |
| unshift() | 向數組的開頭添加一個或更多元素,並返回新的長度。 |
| valueOf() | 返回數組對象的原始值。 |
