首页 > 代码库 > DOM初级篇

DOM初级篇

DOM是什么、作用、与javascript?

DOM是对HTML文档的访问和操作,对文档的增删改查。

DOM相当于是javascript一个类,这个类中提供了多种操作HTML的方法,也可以说DOM是依附在JavaScript上进行操作的。

元素的查找命令

  1.Node 与 Element的区别: node中有text文档  Element 只有标签元素。

  2.间接查找是建立在直接查找上的。

  直接查找:

    document.getElementById()             返回带有指定 ID 的元素

    document.getElementsByName()      根据name的值获取标签集合

    document.getElementsByClassname  根据类名获取标签集合

    document.getElementByTagName      根据标签名获取标签集合

  间接查找:

    parentNode         父节点

    childNodes              所有子节点

    firstChild             第一个子节点

    lastChild        最后一个子节点   

    nextSibling      下一个兄弟节点

    previousSibling        上一个兄弟节点

 

    parentElement         父亲标签

    children            所有孩子标签

    firstElementChild         第一个孩子标签

    lastElementChild          最后一个孩子标签

    nextElementSibling       笑一个兄弟标签

    previousElementSibling   上一个兄弟标签

  

DOM初级篇