记录一下昨天学的知识

• 文档对象模型
  • 由w3c提出的一个标准，是一个使用动态脚本访问和更新文档的内容、结构以及样式
  • DOM提供了相应的API，可以对文档进行增删改查，可以实现js对页面元素的控制，实现动态网页的功能
• HTML节点树
  • 文档
  • HTML 根元素、
• 节点的类型
  • 整个文档的文本节点 ，根节点HTML
    • HTML里面的元素：element元素节点
    • 元素的文本：text文本节点
    • 元素的属性：attribute属性节点
    • 注释：comment注释节点
• DOM的辅助对象
  • 节点，childnodes，返回节点的所有子节点，包含空白换行节点，
  • haschildNodes：是否有节点，有空的文本节点依然返回true
  • Lastchild：获取元素的最后一个节点，空的文本节点也包括
  • previoussibling：获取元素的前一个兄弟节点 空的文本节点也包括
  • nextsibling：获取元素的后一个兄弟节点 不包括空白文本
• 节点的属性
  • 节点的名字
    • 元素节点：nodeName 标签的名字，大写
    • 文本节点：nodeName #text
    • 属性节点：属性的名字
  • 节点的类型 节点.nodetype
    • 元素节点：1
    • 属性节点：2
    • 文本节点：3
  • 节点的值 节点.nodevalue
    • 元素节点：null
    • 文本节点：文本的内容
    • 属性节点：属性对应的值
  • 获取节点
    • DOM的辅助方法
      • 子节点：childNodes children
      • 兄弟节点：sibling
      • 父节点：parentnode
      • id ： getelementbyid（IDvalue）
      • 类：classname
      • 标签：tag bytagname
      • 名字：name byname
      • body：document.body
      • HTML：document.documentelement
      • 表单：document.formname
      • 表单内元素：document.formname.elementname
  • 选择器获取元素
    • document.queryselector('选择器') 取满足条件的的第一个选择器
    • document.queryselectorall('选择器') 获取所有满足条件的选择器，返回一个数组
• 属性的获取
  • 节点.attributes 获取节点的所有属性，每个值都是属性的名字=属性值，返回的是数组，可以得到属性的个数
  • getattributenode('属性的名字') 获取对应属性的节点
  • getattribute('属性的名字') 得到的是属性的值
  • 节点.属性的名字 classname代表类的属性
• 属性的设置
  • 节点.属性名=属性值
  • 节点.setattribute(属性的名字，属性的值)
• class控制
  • div.clssname = '新添的class'
  • div.classlist。add（'新添的class'）
  • div.class.remove（'新添的class名字'）
• 节点的操作
  • 创建节点
  • document.createelement（标签的名字）元素节点
  • document.createtextnode(文本内容)
  • 父节点.appendtextchild（子节点）