javaScript中的DOM操作及數組的使用


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() 返回數組對象的原始值。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM