JavaScript基础第三章DOM对象获取节点

JavaScript基础DOM操作对象

DOM简介

DOM：Document Object Model（文档对象模型）。
DOM Core 并不专属于JavaScript,任何一种支持DOM的程序设计语言（如python）都可以使用它。
JavaScript中的getElementById()、getElementByTagName()、getAttribute()和setAttribute()等方法都是DOM Core 的组成部分。而且它的用途并非用于仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如：XML。

DOM分类

DOME CORE(核心)  CSS-DOM HTML-DOM

DOM对象节点之间的关系

 根节点 相邻节点称为兄弟节点
 上一个父级父节点 
 下一个子级子节点

层次关系访问节点

父节点：parentNode
    字节点集合：childNodes
    子节点子项：childNodes[i]
    第一个节点：firstNode
    最后一个节点：lastNode
    下一个节点：nextNode
    上一个节点：previousSiblings
    一般不使用这种，这种会获取所有元素（包括空格元素），基本使用带有element属性的

element属性

    第一个子节点：firstElementChild
    最后一个子节点：lastElementChild
    下一个节点：nextElementSibling
    上一个节点：previousElementSibling

获取节点属性值

使用getAttribute("属性名");或者通过getElementById和gerElementsByName也可以获取；
    设置属性值可以通过getAttribute(“属性名”,”属性值“）；