Dom对象

Posted 2021-01-15 yanghuiting

Dom对象

　　Dom对象的全称是：Document  Object  Model

　　Dom主要研究html 中的节点（标签）对节点进行操作，改变标签属性，改变css样式，添加事件等，

　　Dom研究的对象是document

　　操作流程：

　　　　1、选择你要操作的节点

　　　　　　　document . getElementById（"idname"）　　通过ID名获取元素

　　　　　　　document . getElementTagName（"div"）　　通过标签获取

　　　　　　　获取整个网页中所有的div 构成的一个数组集合

　　　　　　　document  . getElementsByClassName（"name"）　　通过class获取

　　　　　　　获取整个网页中class叫name的数组集合

　　　　　　　var  names=document . getElementsByClassName（"name"）

　　　　　　　console.log（"names"）

　　　　2、输出

　　　　　　1）、document . write（）　　在整个文档输出

　　　　　　2）、指定的元素中输出element . innerHTML=

　　　　　　　　　inner . HTML指的是元素中的内容

　　　　　　　　　指定元素中输出Element . innerTEXT=

　　　　　　　　二者的区别：

　　　　　　　　　　innerHTML  中可以嵌套标签

　　　　　　　　　　　　eg：document . getElementById（"aa"）.  innerHTML="<b>1807 hehehehe</b>"

　　　　　　　　　　innerTEXT  中只能是文本

　　　　　　　　　　　　eg：document . getElementById（"aa"）.  innerTEXT="1807 hehehehe"