2021-09-03 什么是 dom

dom的定义

1：DOM ----->Document Object Model

2：DOM定义了表示和修改文档所需要的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口（不能操作css（操作不了样式表，可以通过html间接修改样式））

dom的基本操作：

1：对节点的增删改查
查：
查看元素节点：

document代表整个文档

            **document.getElementById()**                   元素id在le8以下的浏览器，不区分id大小写，而且也返回匹配name属性的元素；
            **document.getElementsByTagName()**    标签名
            **document.getElementsByName();**         需注意，只有部分标签name可生效（表单，表单元素，img，iframe）
            **document.getElementsByClassName**   类名，ie8和ie8以下的ie版本中没有，可以多个class一起
            **document.querySelector()**                      css选择器，在ie7和ie7以下的版本中没有
            **document.querySelectorAll()**                  css选择器，在ie7和ie7以下的版本中没有

制作一个可以反复转换颜色的方块：

在body中插入div

var div = document.createElement(“div”);
document.body.appendChild(div);