问题
1、DOM是哪种基本数据结构？（树）
2、DOM操作常用API？
3、DOM节点的attr和property有何区别？
知识点
1、DOM本质
- document object model 文档对象模型
2、DOM节点操作
- 获取DOM节点
document.getElementById(); document.getElementsByClassName(); document.getElementsByTagName(); document.querySelectorAll(); - property、attribute
var div = document.getElementById("div1"); // property 节点对象的属性，JS对象属性 console.log(div1.className); div1.className = "abc"; //attribute 标签中的属性，HTML标签属性 console.log(div1.getAttribute("data-name")); div1.setAttribute("data-name","xyz");
3、DOM结构操作
- 新增节点
- 获取父元素
- 获取子元素
- 删除节点
