問題
1贷腕、DOM是哪種基本數據結構背镇？（樹）
2咬展、DOM操作常用API？
3瞒斩、DOM節(jié)點的attr和property有何區(qū)別破婆？
知識點
1、DOM本質
- document object model 文檔對象模型
2胸囱、DOM節(jié)點操作
- 獲取DOM節(jié)點
document.getElementById(); document.getElementsByClassName(); document.getElementsByTagName(); document.querySelectorAll(); - property祷舀、attribute
var div = document.getElementById("div1"); // property 節(jié)點對象的屬性，JS對象屬性 console.log(div1.className); div1.className = "abc"; //attribute 標簽中的屬性旺矾，HTML標簽屬性 console.log(div1.getAttribute("data-name")); div1.setAttribute("data-name","xyz");
3蔑鹦、DOM結構操作
- 新增節(jié)點
- 獲取父元素
- 獲取子元素
- 刪除節(jié)點
