［转］JavaScript操作VML

用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’

style='position:absolute;z-index:8'>

</v:line>

那么你取得了此对象

Var l = document. getElementsByID(“line”);

那么你就可以通过

l.from = ‘100,200’

l.to = ‘400,250’

    l.strokecolor= "red" ;

    l.strokeweight= "3pt" ;

来设置此线对象的一些属性。当然其他的属性也是可以的。