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

DOM探索之基础详解篇

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

    2017-08-17

  • 节点的nodeName,nodeValue
    查看全部
  • 获取某个元素的节点名称和节点值:nodeName和nodeValue属性值; 获取该节点的属性:ele.attributes; //返回类数组对象的该元素的所有属性 获取该节点的子节点:ele.childNodes;//返回所有子节点的类数组对象 document.createDocumentFragment();// 创建一个文档片段 document.doctype; // 获取文档类型
    查看全部
  • HTML嵌套规则中有: 有序/无序/下拉/定义/列表,热点链接系列
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2017-08-15

  • 块状元素与内联元素嵌套规则: 1 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其他的内联元素 2 块级元素不能放在<p>里面 3 有几个特殊的块级元素只能包含内联元素,不能再包含块级元素,这几个特殊的标签是h1-h6 p dt 4 li内可以包含div标签 5 块级元素与块级元素并列,内联元素与内联元素并列
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2018-03-22

  • 块状元素和内联元素 例子
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2017-08-14

  • 不考虑浏览器兼容性的时候可以直接使用contains查找此元素里是否包含另一个元素
    查看全部
  • 判断XML和HTML的方法: 先使用isElememt判断是否为元素节点,再用creatElement判断元素名大写小写是否都等同,大小写不等同为XML,等同为HTML [ 查看全文 ]
    查看全部
  • obj instanceof Node 中的obj 可能来自另外一个文档的对象,继续使用 appendChild 、removeChild 来判断是否是节点,如图,实现对象过滤
    查看全部
  • 必须掌握的元素节点类型:
    查看全部
  • window.onload事件:浏览器绘制完dom节点,在加载页面上的所有资源以后才执行我们自己定义的代码。也就是说在文档解析渲染、资源价在完成之前不让js脚本执行,但当资源过多是便出现短板,并不实用。
    查看全部
  • 浏览器渲染引擎的基本渲染流程: 1、解析HTML,构建DOM树(构建DOM节点); 2、构建渲染树(解析样式信息,包括外部的css文件、style标签中的样式)。渲染树由一些包含有各种属性的矩形组成,他们将会按照正确的顺序显 示到屏幕上; 3、布局渲染树(布局DOM节点),执行布局的过程,将确定每个节点在屏幕上的确切坐标; 4、绘制渲染树(绘制DOM节点,即遍历渲染树),使用UI后端层来绘制每个节点。
    查看全部
  • domReady: html标签需要通过浏览器渲染引擎的解析才会变成dom节点,在刷新url地址的时候就有dom构建的过程。当所有html都转化为节点后,dom树才构建完毕,简称为dom ready。所以,一旦把script放在body前面,dom还没生成,就调用了dom(document.xxxx)明显是不行的(javascript以编写顺序解析---脚本语言)
    查看全部
    0 采集 收起 来源:什么是domReady

    2017-08-13

  • 获取某个元素的节点名称和节点值:nodeName和nodeValue属性值; 获取该节点的属性:ele.attributes; //返回类数组对象的该元素的所有属性 获取该节点的子节点:ele.childNodes;//返回所有子节点的类数组对象 document.createDocumentFragment();// 创建一个文档片段 document.doctype; // 获取文档类型
    查看全部

举报

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

微信扫码,参与3人拼团

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

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