2.4 用DOM组织视图

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

Figure 2.3
The DOM presents an HTML document as a
tree structure, with each element representing a tag
in the HTML markup.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值