DOM
獲取元素
getElementById() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?獲取id;
getElementsByTagName() ? ? ? ? ?獲取一組元素;
getElementsByClass() ? ? ? ? ? ? ? ? ? ? ? ? ?獲取class;
getElementByName()? 一般用在獲取表單元素;
children ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?獲取子級節點;
parentNode ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 獲取子級節點;
nextElementSibling ? ? ? ? ?獲取兄弟下一個節點;
nextSibling ? ? ? ? 需兼容 ? ?獲取兄弟下一個節點;
previousElementSibling ?獲取兄弟上一個節點 ;
previousSibling 需兼容? ? 獲取兄弟下一個節點;
firstElementChild ? ? ? ? ? ? ? ? ? ? 獲取第一個節點;
firstChild ? ? ? ? ? ? ? ? ? ? ?需兼容? 獲取第一個節點;
lastElementChild ? ? ? ? ? ? ? ? ?獲取最后一個節點
lastChild ? ? ? ? ? ? ? ? ? ?需兼容 獲取最后一個節點;
childNode ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 能獲取文本節點;
querySelector(選擇器) ? ? ? ? ? ? 獲取選擇器元素 ;
創建元素
document.crateElement();
obj.cloneNode(true) ? ? ? ? ? ? ? ? ? ? ? ? ? ?克隆元素;
插入
父級.appendChild(子級);
父級.insertBefore(把誰,添加到誰的前面);
刪除
父級.removeChild(子級);
元素信息
offsetWidth ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 物體寬度;
offsetHeight ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?物體高度;
offsetTop ? ?物體距離上級定位父級高度;
offsetLeft ? ?物體距離上級定位父級左值;
parent ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?定位父級? body;
scrollHeight ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 內容高度;
scrollWidth ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?內容寬度;
document.documentElement.clientHeight ? ? ? ? ? ? ? 屏幕可視高度;
document.documentElement.scrollTop ||? document.body.scrollTop ? 瀏覽器滾輪距上距離;