DOM探索之基础详解篇_技术问答

首页免费课 DOM探索之基础详解篇问答

DOM探索之基础详解篇

全部评论问答未解决精华

铭杭

老师讲的真不错，逻辑非常清晰，解释的也很细致，感谢老师

2 1-3 实例JS+DOM

2016-12-11

心有猛虎_细嗅蔷薇

引入js文件看不明白，但这个html的例子让我立刻明白除了onlaod还有一种更厉害的，页面加载结束后要执行交互的DomReady.

0 3-5 domReady综合案例

2016-12-11

心有猛虎_细嗅蔷薇

“对于元素节点，nodeName中保存的始终是元素的标签名，nodeValue的值始终为null;”
同理：

对于属性节点，nodeName中保存的始终是属性的名称，nodeValue的值始终为属性的值;
对于文本节点，nodeName中保存的始终是#text，nodeValue的值始终为文本内容;
对于注释节点，nodeName中保存的始终是#comment，nodeValue的值始终为注释的内容;
对于文档类型节点，nodeName中保存的始终是doctype的名称，nodeValue的值始终为null;

7 2-5 DOM nodeName-nodeValue

2016-12-11

心有猛虎_细嗅蔷薇

1,2,3这些数值常量是用来干什么的？
通常情况下我们可以比较字符常量来确定节点的类型。但为了确保浏览器兼容（尤其是IE），最好将nodeType属性与数字值进行比较。

1 2-3 DOM 节点类型

2016-12-11

坏6

有人注意到3300+嘛而且全英文注释真大牛

3 3-3 domReady的实现策略

2016-12-11

mike652638

有一个大坑:

<body>

文档对象模型

</body>

这种写法实际上p元素是body的第二个子节点, 因为浏览器默认识别为:

<body><--我是看不到的文本节点, body的第一个子节点-->

文档对象模型

</body><--我是看不到的文本节点, body的第三个子节点-->
下面这种写法p元素才真正是body的第一个子节点
<body>p元素的标签跟body标签在同一行, 没有断行</body>
ul li同理
参考: https://segmentfault.com/q/1010000005350433

5 2-1 认识DOM

2016-12-10

mike652638

有一个大坑:
<body>
文档对象模型
</body>
这种写法实际上p元素是body的第二个子节点, 因为浏览器默认识别为:
<body><--我是看不到的文本节点, body的第一个子节点-->
文档对象模型
</body><--我是看不到的文本节点, body的第二个子节点-->

下面这种写法p元素才真正是body的第一个子节点
<body>p元素的标签跟body标签在同一行, 没有断行</body>
ul li同理
参考: https://segmentfault.com/q/1010000005350433

2 2-1 认识DOM

2016-12-10

qq_俺忘了_0

很清晰谢谢老师思路最重要

0 3-4 domReady的实现

2016-12-09

此去经年01

涨姿势了，老师讲的很详细！

2016-12-09

qq_俺忘了_0

老师讲的很好学些DOM的都应该看看

1 2-4 DOM nodeType

2016-12-08

qq_俺忘了_0

第三次看了加油

1 1-2 案例HTML+CSS结构

2016-12-08

慕虎7108359

老师真幽默

1 1-1 课程介绍

2016-12-08

浅尝

成不了大牛，打盘游戏ixan

2 1-3 实例JS+DOM

2016-12-07

朴宝英的小迷弟

拉到评论最后一条再往下有资料下载！！！赞我让大家看到！

4 1-2 案例HTML+CSS结构

2016-12-06

muyy

高配mac上两者平均相差20毫秒

0 3-5 domReady综合案例

2016-12-05

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

课程须知: 本课程是前端中级课程 1、您要具备HTML基础知识 2、您要具备CSS基础知识 3、您要具备JS基础知识

老师告诉你能学到什么？: 1、重新认识DOM 2、剖析domReady 3、学会元素节点的类型判断、继承层次和分类

微信扫码，参与3人拼团

热搜

最近搜索清空

DOM探索之基础详解篇