首页 > 其他 > 详细

Dom对象

时间:2018-10-25 16:56:29      阅读:165      评论:0      收藏:0      [点我收藏+]

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"

 

Dom对象

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!