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

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

    2015-10-18

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

    2015-10-18

  • 相关代码
    查看全部
    0 采集 收起 来源:实例JS+DOM

    2015-10-18

  • 函数表答式
    查看全部
    0 采集 收起 来源:实例JS+DOM

    2015-10-18

  • 了实现堆叠的目的:将目标元素转化为block元素,父元素设置为absolute,目标元素设置为relative,全部左对齐为left:0 overflow:hidden,溢出的时候进行隐藏 图片的三个属性:src:图片的位置 alt:图片出不来的时候显示的内容 title:鼠标在图片上时显示的文字
    查看全部
  • 1.1课程介绍 1.DOM是Docunment、object、Model的缩写,直译过来就是文档对象模型。 2.DOM的地位和作用 1.HTML→CSS(定义样式) 2.HTML→JavaScript(赋予行为) 通过JavaScript实现页面的交互和动画效果等等。 3.那么JavaScript通过什么来实现的呢? 1.通过ECMAScript标准,我们可以编写程序让浏览器来解析 2.利用ECMAScript我们可以通过BOD对象来操作浏览器窗口、 浏览器导航对象、屏幕分辨率、浏览器历史、Cookies等等 3.但是通过BOD来实现的交互远远不够,要实现页面的动态交互 和效果,操作HTML才是核心。 4.那么如何操作HTML呢,那就是DOM。简单来说,DOM给我们提 供了用程序来动态控制HTML的接口,也就是早期的DHTML的 概念。 5.因此DOM处在JavaScript赋予HTML具备动态交互的核心地位 上。 注:BOM(Browser Object Model) 是指浏览器对象模型 cookies (从客户端的硬盘读取数据的一种技术) 3.DOM探索系列课程要点 1.想要安全的操作DOM必须等到页面上所有的HTML都解析成DOM节点, 才能进行操作,因此了解DOMReady是第一步。 2.接着我们来探究节点,学习文档和节点的类型,元素节点的判断、 元素节点的继承层次、以及节点的分类等内容。 3.然后学习节点的操作,比如节点创建与删除、节点查找与筛选等。 4.接着学习表格与表单的操作 5.最后我们探讨属性系统和样式设置 6.顺序图 1.DOMReady→2.节点探究→节点创建与删除→节点查找与筛选→ 表单与表格操作→属性系统→样式设置 4.基础详解篇课程要点 1.首先通过滑动门特效课堂案例感性认识DOM在开发中是如何运用的 2.其次,了解什么DOM以及与DOM相关的基础概念 3.重新认识HTML与XHTML文档类型,以及文档的各种节点类型 4.接着详细的实现DOMReady
    查看全部
    0 采集 收起 来源:课程介绍

    2015-10-18

  • dom的重要性
    查看全部
    0 采集 收起 来源:课程介绍

    2015-10-18

  • js图片特效
    查看全部
    0 采集 收起 来源:实例JS+DOM

    2015-10-18

  • 节点的类型
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2015-10-18

  • kokoo
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2015-10-18

  • 扩展上条
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2015-10-18

  • p元素本身虽然也和div一样是块级元素, 但里面不能再放块级元素ul、div等, 而div可以
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2015-10-18

  • var documentElement = elem && (elem.ownerDocument || elem).documentELement; return !!documentElement && documentElement.nodeType == 'HTML'; 这两句第一句的'&&'前的elem是为了判定elem变量非空, 然后如果非空则用elem.ownerDocument获取该元素所位于的document父元素, 如果该父元素不存在(即elem它本身即为document, 而document.ownerDocument为null,即使用它本身elem),这样一来(elem.ownerDocument || elem)这个元素肯定是document了,再用它的documentELement方法就能取到文档的元素html了, 接下来就判断documentElement这个对象的nodeType是不是'HTML'来判断是不是HTML文档了
    查看全部
  • nodeName与nodeValue
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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