用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 " ;

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