06-JavaScrpit-DOM

DOM操作

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

DOM的本质

  • XML
<?xml version="1.0" encoding="UTF-8"?>
<note>
 <to>Tove</to>
 <from>Jani</from>
 <heading>Reminder</heading>
 <body>Dont forget me this weekend</body>
 <other>
 <a></a>
 <b></b>
 </other>
</note>
  • HTML
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Document</title>
</head>
<body>
  <div>
    <p>this is p</p>
  </div>
</body>
</html>

DOM知识解答

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

results matching ""

    No results matching ""