码迷,mamicode.com
首页 > 其他好文 > 详细

Dom对象

时间:2018-10-25 17:05:27      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:text   mod   css样式   ntb   事件   输出   流程   span   取整   

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对象

标签:text   mod   css样式   ntb   事件   输出   流程   span   取整   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!