Chinaunix首页 | 论坛 | 博客
  • 博客访问: 29335876
  • 博文数量: 2065
  • 博客积分: 10377
  • 博客等级: 上将
  • 技术积分: 21525
  • 用 户 组: 普通用户
  • 注册时间: 2008-11-04 17:50
文章分类

全部博文(2065)

文章存档

2012年(2)

2011年(19)

2010年(1160)

2009年(969)

2008年(153)

分类: 系统运维

2009-03-19 15:54:39

12.2.1  文档初始化相关

  evt属性

  evt表示事件本身,可以通过evt获取与当前事件相关的信息,用户可以在script中定义响应函数,进行相应的处理。它与普通JavaScript脚本中的event基本相同,只不过在普通JavaScript的脚本中简写成“e”。

  ownerDocument属性

  通过引用该属性获得当前SVG文件的文档对象,也就是得到SVG的DOM结构。

  使用举例:svgdoc = evt.target.ownerDocument

//通过这样的话我们能够得到SVG的DOM结构树了。然后我们就要进行分析这棵DOM树了!

//深入掌握理论才能写出真正有用的程序来!

  getOwnerDocument()方法

  通过调用该方法获得当前SVG文件的文档对象,也就是得到SVG的DOM结构。

  使用举例:svgdoc = evt.target.getOwnerDocument()

  target属性

  通过引用该属性获得事件产生于哪个SVG元素,有时可能是该元素的父元素。

  使用举例:object = evt.target

  getTarget()方法

  通过调用该方法获得事件产生于哪个SVG元素,有时可能是该元素的父元素。

  使用举例:object = evt.getTarget()

示例代码如下:


  "">



前面我们已经介绍过,DOM对象是一个树型的结构,并且经过载入后就放在内存中供我们读写。如何对这棵树进行操作,也就成为发挥SVG交互性很关键的一步。下面所示的方法中,有些是文档对象(Document)的方法,有些是文档元素(Element)的方法,需要区别开来。DOM可以分为三大部分:文档基本元素、文档对象和各种类型的从文档基本元素派生出的文档元素。文档对象是文档对象模型的顶级对象,它包含了整个文档的内容。各种类型的文档元素派生自文档基本元素类型,用于描述文档中各种实际存在的元素。其中可以定义一种文档元素,它们可以容纳其他的文档元素,这些元素就是容器元素,实际上文档对象就是最大的容器元素。由于文档对象模型中存在容器元素,因此所有的对象都组成一个树状结构,称为文档对象树或者DOM树,其中根节点就是文档对象。



阅读(2200) | 评论(3) | 转发(0) |
0

上一篇:SVG事件类型

下一篇:SVG动画介绍

给主人留下些什么吧!~~

chinaunix网友2009-06-24 14:46:36

先将这件鸟事办完了再说其他的事吧!

chinaunix网友2009-06-23 00:47:18

http://www.niang.cn/Html/Main.asp

chinaunix网友2009-06-22 20:04:05

svg前途不大。。 这东西毕竟没有父母和靠山。 靠自己发展太慢。 你学个东西记录这么多东西干嘛? 多用不就熟练了。 只有心得和感悟值得记录。编程细节只需要参考官方标准就行了。 自己写这么多细节简直就是浪费生命。何必这么沉迷呢。 用会了就行了。 技术这东西,今天流行这个,明天可能又流行那个。 没有什么技术能一直吃香。 只有其中的基本原理是可以源远流长的。