JvavScript DOM的节点

• • 常用的三重节点类型有
    • 元素节点 元素节点返回值为1
    • 属性节点 属性节点返回值为2
    • 文本节点 文本节点返回值为3
  • 查找元素节点
    • 对象.nodeName 获取节点名称
      • 对象.tagName 获取标签名称 另一种获取元素节点的方法
    • 对象.nodeType 返回节点类型
    • 对象.nodeValue 获取节点的内容/值 如果没有元素节点则值为null 盒子中的内容是文本节点
    • 查找子节点 换行也算一个子节点
      • 父节点对象.firstChild 查找第一个子节点
      • 父节点对象.firstElementchildChild 查找第一个子元素节点
      • 父节点对象.lastChild 查找最后一个子节点
      • 父节点对象.lastElementchildChild 查找最后一个子元素节点
      • 父节点对象.childNodes 获取所有子节点
      • 父元素节点.children 查找父元素下的所有子元素节点
    • 通过子节点查找父节点你
      • 子节点.parentNode 查找父节点
      • 子节点.parentElement 查找父元素
    • 获取元素节点对象
    • 元素节点对象.getAttributeNode("属性节点名称") 获取属性节点 得到的是属性对象
      • 属性节点对象.nodeName 获取属性节点节点名称
      • 属性节点对象.nodeType 返回属性节点节点类型 返回值为2
      • 属性节点对象.nodeValue 获取属性节点节点的内容/值
    • 属性节点.firstChild 获取第一个子节点.
      • 文本节点对象.nodeName 获取属性节点节点名称 返回值为#text
      • 文本节点对象.nodeType 返回属性节点节点类型 返回值为3
      • 文本节点对象.nodeValue 获取属性节点节点的内容/值
    • 查找兄弟节点
      • 节点对象.nextSibling 查找下一个兄弟节点 可能为文本节点
      • 节点对象.nexElementSibling 查找下一个元素兄弟节点
      • 节点对象.previousSibling 查找上一个兄弟节点 可能为文本
      • 节点对象.previousElementSibling 查找上一个元素兄弟节点
  • 获取属性节点对象
    • 节点对象.getAttribute("属性名") 根据节点对象获取属性名
    • 节点对象.setAttribute("属性名"，"属性值") 设置属性值 只可以设置能直接在标签上的属性
    • 节点对象.removeAttribute("属性名") 删除括号中的属性
  • 创建元素节点对象
    • document.createElement("属性名") 创建元素节点对象
    • 父节点.appendChild(元素对象) 追加元素对象到父元素的内部最后 直接用父元素调用