DOM（文档对象模型）

问题

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结构操作

• 新增节点
• 获取父元素
• 获取子元素
• 删除节点