【JS資料】常用dom操作語句
阿新 • • 發佈:2021-12-12
通過元素的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;