06-JavaScrpit-DOM

DOM操作

  • Document Object Model
  • DOM是哪种基本的数据结构
  • DOM操作的常用API有哪些
  • DOM节点的attr和property有和区别

DOM的本质

  • XML
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <note>
  3.  <to>Tove</to>
  4.  <from>Jani</from>
  5.  <heading>Reminder</heading>
  6.  <body>Dont forget me this weekend</body>
  7.  <other>
  8.  <a></a>
  9.  <b></b>
  10.  </other>
  11. </note>
  • HTML
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>Document</title>
  6. </head>
  7. <body>
  8.   <div>
  9.     <p>this is p</p>
  10.   </div>
  11. </body>
  12. </html>

DOM知识解答

  • DOM是哪种基本的数据结构?
    • 树
  • DOM操作的常用API有哪些
    • 获取DOM节点，以及节点的property和Attribute
    • 获取父节点，获取子节点
    • 新增节点，删除节点
  • DOM节点的Attribute和property有何区别
    • property只是一个JS对象的属性的修改
    • Attribute是对html标签属性的修改
  • 重点总结
    • DOM本质
    • DOM节点的操作
    • DOM结构操作