SVG的DOM树

HTML页面加载SVG



乱码解决方法
1、 设置SVG文档编码格式:encoding="utf-8"；
2、 SVG文件的编码方式指定为utf-8，方法是用EditPlus打开SVG文件，文件－＞另存为　编码选择为utf-8即可以了；

基本的svgDOM树：



 
  
  This is a basic SVG document!
 


使用JAVASCRIPT访问SVG元素，并获取属性值



 
 
  
  Click on this text to show rectangle color.
  Click on rectangle to show rectangle area.
  Click on this text to show the number of child
   elements of the root element.
  
 


设置单个元素的属性值



 
 
  
  Click on rectangle to change it's color.
 

检查，并删除属性值