什么是dom

Posted 2020-10-05 Me*淡定

DOM概述

html加载完毕，渲染引擎会在内存中吧html文档生成一个DOM树，

getElementById是获取DOM上的元素，然后操作的时候修改的该元素的属性

 

什么是DOM和节点

 

1、 DOM由节点（标签）组成

2、DOM是一个树状模型

3、节点都是object类型，都是内置对象

        a）每个HTML标签都是一个元素节点

        b)   标签中的文章是文字节点

        c）标签的属性是属性节点

4、DOM操作就是操作节点

 

DOM节点的获取方法 （获取的都是标签元素）

 

1、id获取 

        document.getElementById( " " ) 

        返回值是标签    

 

2、标签名获取

        dcoument.getElementsByagName( " " )

        返回一个标签伪数组 

        dcoument.getElementsByagName( ‘‘ a“ )[ 0 ]获取第一个标签名a的元素

 

3、类名获取(不常用，H5新加的 ie6\7不支持)

        document.geElementsByClassName( " " )

        返回一个标签伪数组

        如果没有获取到，返回空数组

    document.geElementsByClassName( " a" )[ 0 ]获取第一个类名是a的元素

 

4、标签 Name属性获取

        <div name="aaa">

        document.geElementsByName( ‘‘ “ )

     

5、标签的命名空间获取

      docuemnt.geElementsByTegNameaNS()

 

6、标签属性获取 getAttributeNode

      docuemnt.getAttributeNode()

var box=document.getElementById("box")
var box1=box.getAttributeNode("id")
console.log(box1)