JavaScript DOM 编程艺术 第一遍读后感

七月份换了新公司，过来后菜菜的自己给自己定了个目标，半年的时间熟练使用Javascript，然后购买了普遍推荐的基本教材，大概一周的时间，刷了一遍Dom编程艺术，现在记录下读后感。

Javascript由三部分组成，分别是ECMAScript、Bom（浏览器对象模型）以及Dom（文档对象模型） 。

之前写JavaSE程序较多，Js多少接触过一点，但终究没能擅长精通。但略记得的听说过Dom是Js中比较重要的一部分。

说起Dom，其实最早接触到这个词是在Xml中，当时为了更新一个Xml文件，所以接触了JDOM、dom4j这些，后面由于对Html做分析，使用了Jsoup这个工具，这其中选择的原理多半也是dom技术，这样想想对dom还是蛮熟悉的。

可Js中的dom又是什么呢？有啥异同？

以我现在的理解能力，它们根本上是一样的，都是对一个有标记的文档建模，形成一个有着密切关系的树，然后在通过之间特定的联系实现CURD操作。

那么Js中的Dom又是来做什么的呢？

Js，是前端开发中必不可少的工具，现在的开发经验是分层，Html、CSS、Js分别负责结构、表现和行为。

所以首先在Js的开发过程中要注意的是分层的意识。
其次，Js在前端中虽然很重要，但并不是最重要的，它起的永远只是锦上添花的作用，也就是说由于浏览器兼容性的现状，开发中除了要考虑使用Js后的效果，更要考虑的是如果没有Js能不能也不影响正常的访问。

本书中涉及到Js API有；

• getElementById
• getElementsByTagName
• getElementsByClassName
• getAttribute
• setAttribute
• innerHtml
• document.write()