Dom对象

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"

原文地址:https://www.cnblogs.com/yanghuiting/p/9850900.html