为了账号安全,请及时绑定邮箱和手机立即绑定

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.60
274人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
  • nodeType判断节点类型: 非ie中,可以使用字符串常量判断。divNode.nodeType == Node.ELEMENT_NODE。 ie中,由于没有Node对象,需使用数值判断。divNode.nodeType == 1(即元素节点的编号)。 故应该使用数值常量判断,可以兼容ie在内的所有浏览器!
    查看全部
    0 采集 收起 来源:DOM nodeType

    2017-08-13

  • 元素节点, > 拥有子节点和文本,是唯一能拥有属性的节点类型<br> 属性节点, > 元素中的属性,是附属于元素的,是包含他的元素节点的一部分,不属于文档树的一部分<br> 文本节点, > 只包含文本内容(可以只包含空白)的节点,在xml中称为字符数据;<br> > 在文档树中元素的文本内容和属性的文本内容都是由文本节点表示的<br> > 某个节点的空白区域,也是属于文本节点<br> 注释节点: > 表示注释的内容<br> 文档节点: > 文档树的根节点,是其他节点的父节点; > 注意不是html或者xml的根元素。根元素是作为文档节点的子节点出现的<br> > 整个代码之上看做是文档节点<br> 文档类型节点: 例;<!doctype html><br> 文档片段节点: > 文档片段是轻量级的或者是最小的Document 对象,他表示文档的一部分或者是一段,他不属于文档树; > 他的特殊行为:占位符,暂时存放一次插入文档的节点,同时有利于剪贴复制操作
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2018-03-22

  • HTML(超文本标记语言)用来显示数据,不能解释影音文件和化学公式等,不利于扩展 XML(可扩展标记语言)用来描述数据,什么是数据,如何存放数据 XHTML(早期 HTML与xml合并作用)
    查看全部
    0 采集 收起 来源:DOM 文档类型

    2017-08-13

  • DOM1级主要定义了HTML和XML文档的底层结构。在DOM1中,DOM由两个模块组成:DOM Core(DOM核心)和DOM HTML。其中,DOM Core规定了基于XML的文档结构标准,通过这个标准简化了对文档中任意部分的访问和操作。DOM HTML则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法,如:JavaScript中的Document对象. DOM2级在原来DOM的基础上又扩充了鼠标、用户界面事件、范围、遍历等细分模块,而且通过对象接口增加了对CSS的支持。DOM1级中的DOM核心模块也经过扩展开始支持XML命名空间。在DOM2中引入了下列模块,在模块包含了众多新类型和新接口: DOM视图(DOM Views):定义了跟踪不同文档视图的接口 DOM事件(DOM Events):定义了事件和事件处理的接口 DOM样式(DOM Style):定义了基于CSS为元素应用样式的接口 DOM遍历和范围(DOM Traversal and Range):定义了遍历和操作文档树的接口 DOM3进一步扩展了DOM,在DOM3中引入了以下模块: DOM加载和保存模块(DOM Load and Save):引入了以统一方式加载和保存文档的方法 DOM验证模块(DOM Validation):定义了验证文档的方法 DOM核心的扩展(DOM Style):支持XML 1.0规范,涉及XML Infoset、XPath和XML Base
    查看全部
    2 采集 收起 来源:认识DOM

    2017-08-13

  • 为了实现堆叠的目的:将目标元素转化为block元素,父元素设置为absolute,目标元素设置为relative,全部左对齐为left:0 overflow:hidden,溢出的时候进行隐藏 图片的三个属性:src:图片的位置 alt:图片出不来的时候显示的内容 title:鼠标在图片上时显示的文字
    查看全部
  • 我们知道,一个网页是由html来搭建结构的,通过css来定义网页的样式,而JavaScript赋予了页面的行为,通过它我们可以与页面进行交互,实现页面的动画效果等等。 那javascript究竟通过什么来实现的呢?通过ECMAScript这个标准,我们可以编写程序让浏览器来解析, 利用ECMAScript,我们可以通过BOM对象(即browser object model)来操作浏览器窗口、浏览器导航对象(navigator)、屏幕分辨率(screen)、浏览器历史(history)、cookie等等。 但这个通过BOM来实现的交互远远不够。要实现页面的动态交互和效果,操作html才是核心。 那如何操作html呢?对,就是DOM,简单的说,DOM给我们提供了用程序来动态控制html的接口,也就是早期的DHTMl的概念。 因此,DOM处在javascript赋予html具备动态交互和效果的能力的核心地位上。
    查看全部
  • 节点类型: 1.Element(元素节点) 2.Attr(属性节点) 3.Text(文本节点) 4.Comment(注释节点) 5.documentType(文档类型节点) 6.DocumentFragment(文档片段节点) nodeName对应的节点属性: 元素的标签名(DIV) 属性的名称(Id) #text #comment docType的名称(html) #document-fragment nodeValue对应的节点类型: null 属性的值(container) 节点所包含的文本 注释的内容 null null
    查看全部
    0 采集 收起 来源:什么是domReady

    2017-08-08

  • jsXML
    查看全部
  • Web浏览器对DOM的支持情况
    查看全部
    0 采集 收起 来源:认识DOM

    2017-08-04

  • 可以作为微讲座
    查看全部
    0 采集 收起 来源:课程介绍

    2017-08-03

  • 不提倡块级元素与内联元素并列
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2017-08-03

  • DOMReady 实现策略
    查看全部
  • 节点的nodeName和nodeValue
    查看全部
  • IE没有内置Node对象
    查看全部
    0 采集 收起 来源:DOM nodeType

    2017-08-03

  • 节点的类型(IE只支持数值常量)
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2017-08-03

举报

0/150
提交
取消
课程须知
本课程是前端中级课程 1、您要具备HTML基础知识 2、您要具备CSS基础知识 3、您要具备JS基础知识
老师告诉你能学到什么?
1、重新认识DOM 2、剖析domReady 3、学会元素节点的类型判断、继承层次和分类

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!