• 06-JavaScrpit-DOM
    • DOM操作
      • DOM的本质
    • DOM知识解答

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