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

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.60
274人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
  • 学习要点
    查看全部
    0 采集 收起 来源:课程介绍

    2015-11-20

  • dom:使程序能够动态操作html
    查看全部
    0 采集 收起 来源:课程介绍

    2015-11-20

  • document.createTextNode("xxx")
    查看全部
  • DOM节点继承层次 document.createElement("p")
    查看全部
  • 1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:   <div><h1></h1><p></p></div> —— 对   <a href=”#”><span></span></a> —— 对   <span><div></div></span> —— 错   2. 块级元素不能放在<p>里面:   <p><ol><li></li></ol></p> —— 错   <p><div></div></p> —— 错   3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:   h1、h2、h3、h4、h5、h6、p、dt   4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:   li 和 div 标 签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都 可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大 滴……   5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:   <div><h2></h2><p></p></div> —— 对   <div><a href=”#”></a><span></span></div> —— 对   <div><h2></h2><span></span></div> —— 错
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2018-03-22

  • <!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style type="text/css">div,img,{padding: 0;margin: 0;}div{position: relative;width: 900px;height: 338px;border: 1px solid gray;overflow: hidden;} img{ display: block; position: absolute; left: 0px; }</style><script type="text/javascript">setInterval(function () {location.reload();},5000);window.onload= function () {var con = document.getElementById('container');var im = con.getElementsByTagName('img');var imagewidth = 600;var imagehalf= 100;for (var i = 0; i < im.length; i++) {im[i].index = i;if (i > 0) {im[i].style.left = imagewidth + (i-1)*imagehalf + 'px';}im[i].onclick = function () {for (var j = 0; j < im.length; j++) {if (j<=this.index) {im[j].style.left = (j)*imagehalf + 'px';}if (j>this.index){im[j].style.left = imagewidth + (j-1)*imagehalf + 'px';}};}}}</script></head><body><div id='container'><img src="01.jpg"><img src="02.jpg"><img src="03.jpg"><img src="04.jpg"></div> </body></html>
    查看全部
    0 采集 收起 来源:实例JS+DOM

    2018-03-22

  • 元素节点: 属性节点: 文本节点可以为空;如body元素节点的空白部分都是文本节点; 注释节点<!-- -->; 文档类型节点:<!DOCTYPE html> 文档节点:元素节点的根节点并不是文档节点;在XML中处理指令、注释等可以出现在根元素之外;根元素<html>做为文档节点的子节点出现,在这里我们把<!DOCTYPE html><html></html>之上的部分称为文档节点,即文档节点包含<!DOCTYPE html>这个文档类型节点跟<html>这个元素根节点两个子节点; 文档片段节点:var frag = document.createDocumentFragment();//创建文档片段节点 作用:作为一片文档的临时占位符,暂时存放依次插入文档的节点,当把文档片段节点插入文档时,插入的是它的子孙节点 使用:可以在文档片段中创建子节点,然后将文档片段节点插入文档,实现新创建的子节点的一次全部插入。
    查看全部
    1 采集 收起 来源:DOM 节点类型

    2018-03-22

  • window.onload事件: 浏览器绘制完dom节点,再加载完页面上的所有资源以后,才执行我们自己定义的代码。也就是说在文档解析渲染,资源加载完成之前,不让js脚本执行 jQ中的回调函数与window.onload原理大致相似。 $(document).ready(function(){}); 等于 window.onload() [ 查看全文 ]
    查看全部
  • DOM:文档对象模型 Document+Object+Model
    查看全部
    0 采集 收起 来源:课程介绍

    2015-11-18

  • DOM探索之基础详解篇,初学者。。看不懂,建议有基础的再来看
    查看全部
    0 采集 收起 来源:domReady的实现

    2015-11-17

  • 它是通过xml经过扩展用于html的应用程序编程接口。
    查看全部
    0 采集 收起 来源:认识DOM

    2015-11-17

  • Webkit 主要渲染流程
    查看全部
  • 浏览器渲染引擎的基本渲染流程
    查看全部
  • DOMReady 实现策略
    查看全部
  • nodeName-nodeValue 2
    查看全部

举报

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

微信扫码,参与3人拼团

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

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