［转］JavaScript操作VML
<!--[if !supportLists]--> [1] <!--[endif]--> 如何用 javascript 创建 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;
}
上面的代码是用 javascirpt 来创建 vml 的元素对象
<!--[if !supportLists]--> [2] <!--[endif]--> 如何用 javasciipt 来取得 vml 元素对象
R. prototype .getAllLineClips = function (){
var lcs = $A( document .getElementsByTagName( "line" ));
//alert(lcs);
return lcs;
}
和 javascript 操作其他的标签对象一样。
如果使用 <v:line></v:line> 标签的话，那么在取得此对象的时候，可以通过 id 来取得其对象，当然，如果是取得所有的这个标签的对象的话，就可以使用上面的方法。
就如 document .getElementsByTagName( "img" ) 一样。只不过是 <v:line> 可能就觉得不太一样。
<!--[if !supportLists]--> [3] <!--[endif]--> 如何修改 VML 元素对象的属性
和修改其他的 HTML 对象的属性一样
一个 VML 元素对象如下：
<v:line
from='200,200’
to=’300,100’
>
</v:line>
那么你取得了此对象
Var l = document. getElementsByID(“line”);
那么你就可以通过
l.from = ‘100,200’
l.to = ‘400,250’
l.strokecolor= "red" ;
l.strokeweight= "3pt" ;
来设置此线对象的一些属性。当然其他的属性也是可以的。
