JavaScript---->Dom对象

Document对象

对象化后的标签具有这些属性

1. 对Document的理解

• Document管理了所有的HTML文件
• document是一种树结构的文档，有层级关系
• 它让所有的标签都对象化
• 我们可以通过document访问所有的标签对象

2. Document对象的方法

• getElementById()----返回拥有第一个指定id的对象的引用
• getElementByName()----返回拥有指定名字的对象的集合，集合的元素均为dom对象。
• getElementByTagName()----返回一个指定标签名的集合，集合里的元素均为dom对象

DOM对象的增、删、改

说明：a，b为任意合法的选择器

1. 增加

• 内部插入

  • appendto()
    a.appendto(b)------把a添加到b的末尾，使之成为称为b的最后一个子元素

  • preappendto()
    a.preappendto(b)---把a添加到b所有的子元素前，使之成为b的第一个子元素

• 外部插入

  • inserAfter()
    a.insertAfter(b)---a插入到b的后面，成为紧邻b的下一个兄弟元素

  • insertBefore()
    a.insertBefore(b)--a插入到b的前面，称为紧邻b的前一个兄弟元素

2. 替换

• replaceWith()
  a.repalceWith(b)-----用b替换掉a

• repalceAll()
  a.repalceAll(b)------用a替换掉所有的b

3. 删除

• remove()
  a.remove()-----------删除a标签

• empty()
  a.empty()------------清空a标签内的内容（标签还在）