-
问题内容：vml中如何用javascript去掉polyline的箭头？
- 原讨论链接：http://community.csdn.net/expert/topicview1.asp?id=5379458
- 所属论坛：JavaScript
审核组：WEB开发
- 提问者：lfecnu
解决者：yeefly
- 感谢：yeefly yeefly haifeng5257
- 关键字：JavaScript Web 开发 VML
- 答案：
以下的代码中的javascript函数应该如何写,才能把已经有箭头的线变为没有箭头？
<HTML xmlns:v>
<HEAD>
<style>
v\:*{behavior:url(#default#VML);position:absolute;}o\:*{behavior:url(#default#VML);}
</style>
</head>
<body>
<v:PolyLine id="ply1" filled="false" Points="0,0 0,100 20,150 200,100" strokeweight="2" style="position:relative">
<v:stroke StartArrow="" EndArrow="Open" dashstyle="Dot" />
</v:PolyLine>
<input type=button onclick="doTest()" value="测试去掉箭头">
<script language="javascript">
function doTest(){
var obj=document.all.ply1;
//obj.childNodes[0].removeAttribute("endArrow");
}
</script>
</body>
</html>
---------------------------------------------------------------
<HTML xmlns:v>
<HEAD>
<style>
v\:*{behavior:url(#default#VML);position:absolute;}o\:*{behavior:url(#default#VML);}
</style>
</head>
<body>
<v:PolyLine id="ply1" filled="false" Points="0,0 0,100 20,150 200,100" strokeweight="2" style="position:relative">
<v:stroke StartArrow="" EndArrow="Open" dashstyle="Dot" />
</v:PolyLine>
<input type=button onclick="doTest()" value="测试去掉箭头">
<script language="javascript">
function doTest(){
var obj=document.all.ply1;
obj.stroke.endArrow = "None";
}
</script>
</body>
</html>
---------------------------------------------------------------
附 :
endArrow、startArrow没有 ""值类型
可选类型：
None (default)
Block
Classic
Diamond
Oval
Open
---------------------------------------------------------------
<HTML xmlns:v>
<HEAD>
<style>
v\:*{behavior:url(#default#VML);position:absolute;}o\:*{behavior:url(#default#VML);}
</style>
</head>
<body>
<v:PolyLine id="ply1" filled="false" Points="0,0 0,100 20,150 200,100" strokeweight="2" style="position:relative">
<v:stroke id="ply2" StartArrow="" EndArrow="Open" dashstyle="Dot" />
</v:PolyLine>
<input type=button onclick="doTest()" value="测试去掉箭头">
<script language="javascript">
function doTest(){
vS=document.getElementById("ply2");
vS.EndArrow="None";
}
</script>
</body>
</html>
- 评价：
给朵鲜花（0）
扔个鸡蛋（0）
