JavaScript DOM编程实用指南

JavaScript 的 DOM 操作算是前端入门绕不开的一关了。DOM 编程这份资源挺全的,讲概念也讲实战,光是节点类型就列了十几种,不唬人那种全。而且每个方法后面都带代码示例,比如getElementByIdgetAttribute,看完你就知道怎么写,怎么调试,响应也快,逻辑也清楚。

文档结构这一块讲得也蛮清楚的,像什么元素节点文本节点注释节点都给你讲清楚了,还配了具体代码例子。你不熟 DOM 树的,这篇刚好补补底子。

嗯,还有一点值得说,说的是“节点类型”部分,像Node.ELEMENT_NODENode.TEXT_NODE这些枚举值,不用你翻文档,一个个给你列清楚了,代码里一用就上手。

建议你对照着自己的项目,试着改点东西,比如获取某个元素属性,或者判断一个节点有没有子节点,像这样:

var hasChildren = element.hasChildNodes();

顺便一说,如果你对DOM底层结构还有点兴趣,可以看看这篇相关的DOM 和 JavaScript 的关系文章。

如果你刚接触前端或者想把JavaScript的 DOM 操作摸熟点,这份资源还挺适合的,讲得细,例子也多,关键是一看就懂。

pdf 文件大小:214.02KB