2.4 用DOM组织视图

最新推荐文章于 2024-09-26 22:38:05 发布

hellowhy79

最新推荐文章于 2024-09-26 22:38:05 发布

阅读量1.7k

点赞数

分类专栏： ajax 文章标签： structure html javascript 文档 mozilla ajax

本文链接：https://blog.csdn.net/hellowhy79/article/details/670786

版权

ajax 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

2.4 用DOM组织视图
DOM为javascript引擎提供操作了一个文档的途径。通过dom，就如同2.3种看到的文档结构一个样可以被编程操作。这种功能在我们写ajax程序是很有用的。在传统的web应用中，我们从服务器端得到一个html流来刷新页面。在ajax中，大部分的页面外观改变是靠dom实现的。html标签被组织成树结构。<html>是这个树结构的根。在这个结构中，body标签描述了文档的body，并且它对于根节点是可见。以此类推，再body中还有表格，段落，list，其他等等。
一个DOM也对对应的用一个树结构来显示文档结构，组成结构的节点可以包含子节点和嵌套。javascript引擎通过全局变量document操作根节点，dom元素作为w3c标准已经规定好了。
他有一个父节点，0或多个子节点，多个属性，存储在一个联合数组中。（他比用数字索引要好一些）Figure 2.3 illustrates the abstract
structure of the document shown in listing 2.2, as seen using the Mozilla DOM
Inspector tool (详见附录A).
一个DOM和html文档是相互关联的，这种关联是相互的。修改了dom就可以改变html 标记表现在页面上。
dom的总体视图就是这个样子，在下一章将看到js怎么操作dom