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

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.60
274人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
  • xml是用来描述数据,重点是什么是数据,如何存放数据;与存放数据息息相关 html是用来显示数据的,重点是显示数据,如何显示数据更好
    查看全部
    0 采集 收起 来源:DOM 文档类型

    2016-03-17

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

    2016-03-17

  • DOM级别 DOM 1级别目标映射文档结构 DOM Core:规定如何映射基于XML的文档结构,以便简化对文档任何部分的访问和操作 DOM HTML:是在DOM核心的基础上加以扩展,添加了针对HTML的对象的** DOM 2级别 DOM Views 即DOM视图,跟踪不同文档的视图接口 DOM Events 即DOM事件 定义事件和事件的处理接口 DOM Style 定义基于css 为元素应用样式的接口 DOM Traversal and Range 即DOM遍历和范围 定义遍历和操作文档树的接口 DOM 3级别 进一步扩展了DOM DOM Load And Save 定义统一加载和保存的方法 DOM Validation 定义验证文档的方法
    查看全部
    0 采集 收起 来源:认识DOM

    2016-03-17

  • ■ window.onload表示页面的所有元素和资源加载完毕才触发执行function匿名函数中的内容 onload是dom范畴的其中一个部分内容 ■ 实现页面交互要通过js操作页面元素或者说操作dom来实现 要操作dom要先找到dom元素节点即操作对象 > 获取对象的方法: document.getElementById('id值'); //通过id获取对象 document.getElementByTagName('标签名');//通过标签获取单个对象 document.getElementsByTagName('标签名');//通过标签获取NodeList对象集合;注意Element后面有s NodeList对象可以当做数组进行调用;例imgs[0] ■ var imgWidth = imgs[0].offsetWidth;//通过offsetWidth可以获得图片的宽度;offsetWidth 属于dom样式设置的内容 ■ box.style.width = boxWidth + "px"; style对象是dom中进行css属性设置的内容 ■ (function(i) {...})(i);//立即调用的函数表达式 ■ 代码段有需要多次使用的话,可以建立函数 例: function setImgPos() { ... } setImgPos(); //调用函数 imgs[j].style.left = parseInt(imgs[j].style.left,10) - translate + 'px'; 中的 parseInt(imgs[j].style.left,10) //imgs[j].style.left的值含有单位px不能直接数值运算,需要先转化为数字,通过parseInt()来进行转化
    查看全部
    0 采集 收起 来源:实例JS+DOM

    2018-03-22

  • 节点下面的空白区域也是text节点
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2016-03-17

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

    2016-03-17

  • 节点的nodeName和nodeValue
    查看全部
  • 一个文档节点中包含一个文档节点的类型,和一个文档的元素。文档分段节点可以理解是没有在文档中直接定义的节点。
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2016-03-16

  • html是展示数据的,xml为保存数据的。
    查看全部
    0 采集 收起 来源:DOM 文档类型

    2016-03-16

  • 基础篇要点
    查看全部
    0 采集 收起 来源:课程介绍

    2016-03-16

  • 想要安全的操作DOM必须等到所有的html都解析成DOM节点才能操作
    查看全部
    0 采集 收起 来源:课程介绍

    2016-03-16

  • Document Object
    查看全部
    0 采集 收起 来源:课程介绍

    2016-03-15

  • DOMReady实现策略
    查看全部
  • DOM Read的实现策略
    查看全部
    0 采集 收起 来源:domReady的实现

    2016-03-15

  • DOM Ready的实现策略,涨见识了!!!
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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