网页关系

网页结构 <- Dom树 <- js 

网页结构 <-树 <- css

js利用Dom提供的方法获取的都是jsDom对象，返回的jsDom数组对象里面每个元素也是一个jsDom对象。（jq对象和js对象，返回一个jq数组对象，里面每个元素都是jsDom对象

用setattribute()对文档做出修改后，查看浏览器源代码仍是改变前的属性  -->  ？Dom工作模式：先加载文档的静态内容，再动态刷新，动态刷新不影响文档的静态内容，这正是Dom的威力:对页面内容惊醒刷新却不需要在浏览器里刷新页面

 

节点：元素节点，文本节点，属性节点

<p id="description">choose me</p>

nodeValue:返回指定节点的节点值

当要获取choose me 的文本时，需要document.getElementById("description").childNodes()[0].nodeValue。

 

平稳退化：css指令构成一个表示层，这个表示层就像一张透明的彩色薄膜包裹到文档的结构上，即使去掉这个表示层，文档的内容依然可以访问（只是缺乏色彩而已），类似于css，js和Dom提供的所有功能也应该构成一个额外的指令层。