用javascript操作VML对象的一些经验总结

本文转载一部分，经过个人消化，总结如下：

1. 如何用 javascript 创建 vml 对象
在js中，通过调用document.createElement()，创建 vml 的元素对象。示例如下：
R. prototype .createLine = function (startX,startY,endX,endY){
/*
* 线的元素对象
*/
var le = document .createElement( "<v:line><v:line>" );
le.from = startX + ',' + startY ;
le.to = endX + ',' + endY ;

le.strokecolor= "red" ;
le.strokeweight= "3pt" ;

return le;
}

2.如何用 javascript 来取得 vml 元素对象
如果使用 <v:line></v:line> 标签的话，那么在取得此对象的时候，可以通过id 来取得其对象。
R. prototype .getLine = function (){
var line = document .getElementById( "111" );
return line ;
}

如果是取得所有的这个标签的对象的话,可以使用下面的方法。
R. prototype .getAllLineClips = function (){
var lcs = $A( document .getElementsByTagName( "line" ));
return lcs;
}

就如 document.getElementsByTagName( "img" ) 一样。只不过是 <v:line> 可能就觉得不太一样。

3. 如何修改 VML 元素对象的属性
和修改其他的 HTML 对象的属性一样，一个 VML 元素对象如下：
<v:line
from='200,200’
to=’300,100’
style='position:absolute;z-index:8'>
</v:line>
那么你取得了此对象
Var l = document.getElementById("line");
那么你就可以通过
l.from = ‘100,200’
l.to = ‘400,250’
l.strokecolor= "red" ;
l.strokeweight= "3pt" ;
来设置此线对象的一些属性。当然其他的属性也是可以的。