JavaScript HTML DOM

DOM(文档对象模型)

            文档

                -文档表示的就是整个的html网页文档

            对象

                -对象表示将网页中的每一个部分都转换为一个对象

            模型

                -使用模型来表示对象之间的关系，这样方便我们获取对象

查找 HTML 元素：

• 通过 id 找到 HTML 元素
• 通过标签名找到 HTML 元素
• 通过类名找到 HTML 元素

  获取元素节点

            通过document对象调用

                1.getElementById()

                    -通过id属性获取一个元素节点对象

                2.getElementByTagName()

                    -通过标签名获取一组元素节点对象

                3.getElementByName()

                    -通过name属性获取一组元素节点对象

       

        获取元素节点的子节点

            1.getELementsByTagName()

                -方法，返回当前节点的指定标签名后代节点

            2.childNodes

                -属性，表示当前节点的所有子节点

            3.firstChild

                -属性，表示当前节点的第一个子节点

            4.lastChild

                -属性，表示当前节点的最后一个子节点

       

        获取父节点和兄弟节点

            1.parentNode

                -属性，表示当前节点的父节点

            2.previousSibling

                -属性，表示当前节点的前一个兄弟节点

            3.nextSibling

                -属性，表示当前节点的后一个兄弟节点