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

DOM对象

时间:2018-11-30 16:37:38      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:数组   html   分享   lin   操作   文档对象模型   doc   集合   图片   

Dom对象 全称  document object model   文档对象模型
Dom主要研究html中的节点(标签)对节点进行操作,改变标签属性,改变css样式,添加事件等。Dom研究的对象是document
操作流程:
    1、选择你要操作的节点
      document.getElementById("idname")   通过id名获取元素
      document.getElementsByTagName("div")  标签获取
      (获取整个网页中所有的div构成的一个数组集合)
      document.getElementByClassName("name") 通过class
      获取整个网页中class叫name的数组聚合
    2、输出
      1)、document.write()在整个文档输出
      2)、指定的元素中输出  element.innerHTML=
          inner.HTML指的是元素中的内容
         指定的元素中输出element.innerText=
      二者区别:
        innerHTML中可以嵌套标签
        innerText 中只能是文本

                            技术分享图片

 

DOM对象

标签:数组   html   分享   lin   操作   文档对象模型   doc   集合   图片   

原文地址:https://www.cnblogs.com/wangzhen1012/p/10044745.html

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