節(jié)點
1）一共12個節(jié)點類型
2）dom操作就是對節(jié)點進行操作
3）節(jié)點的類型的獲取方法notetype
4）ie9以上及chrome safari firefox 會將換行符當成節(jié)點
var box=document.getElementsByClassName('box')[0];
console.log(box.nodeType);
1. getElementById()
1）靜態(tài)獲取
2）返回帶有指定ID的元素
var box1=document.getElementById('box');
2. getdocumentsByTagName()
1）根據(jù)標簽名獲取
2）得到的是個數(shù)組
var div1=document.getElementsByTagName('div')[0];
3. getdocumentsByClassName()
1）根據(jù)類名獲取元素
2）動態(tài)獲取
3）得到的是一個數(shù)組
var box=document.getElementsByClassName('box')[0];
4. querySelector()
1）返回符合要求第一個元素
2）通過css選擇器來獲取指定標簽
3）靜態(tài)獲取
5. querySelectorAll()
1）返回所有匹配元素
2）根據(jù)css選擇器來獲取所有標簽
3）得到的是一個數(shù)組
6.nextSibing
獲取兄弟節(jié)點
7.nextElementSibing
獲取下一個兄弟標簽
8.previousSibing
獲取上一個兄弟標簽
9.previousElemnetSibing
獲取上一個兄弟標簽
10.lastchild
獲取最后一個子節(jié)點
11.lastElementChild
獲取最后一個子標簽
- childNodes
獲取所有非標簽類型的子節(jié)點
13.children
獲取所有子標簽節(jié)點
14.parentNode
獲取非節(jié)點
15.creatElement
增加節(jié)點
16.appendChild
在父元素的末尾，插入節(jié)點
注意：在添加元素前 需要將元素先創(chuàng)建好
div.appendchilid（div）
17.replaceChild（new惭每，old）
修改指定子節(jié)點
<meta charset="utf-8">
18. removeChild()
在刪除前需要先獲取到被刪除元素
div.removeChild(box);
19. remove()
刪除當前節(jié)點
[圖片上傳失敗...(image-f72260-1638791255082)]
需要先獲取到被刪除的節(jié)點
div.remove();
屬性
1）設(shè)置ID
div.id='box';
2）設(shè)置class
div.className='box';
3）設(shè)置style
div.style.width='10px';
4）設(shè)置圖片路徑
img.src='../';
5）.自定義屬性
div.setAttribute(屬性名,屬性值);
div.getAttribute(屬性名);
