首页 / JAVASCRIPT / javascript – SVG文档中的getElementById

javascript – SVG文档中的getElementById

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – SVG文档中的getElementById，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1160字，纯文字阅读大概需要2分钟。

内容图文

我写了一个像这样的svg文件：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="1280pt" height="650pt" viewBox="0 0 1280 650" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><script xlink:href="pathToPolyline.js"/><script><![CDATA[

alert(document);//returns [object SVG document]

//and tried

var path=document.getElementById('path1');//the problem line

alert(path);

]]></script>
<path id="path1" fill="#000000" d=" M 0.00 0.00 L 1280.00 0.00 L 1280.00 449.99 C 1276.46 444.19 1270.19 441.08 1265.59 436.31 C 1264.17 429.73 1265.36 422.91 1266.42 416.36 C 1267.19 413.43 1264.94 410.65 1262.45 409.42 C 1255.44 405.63 1247.99 402.68 12 .....

如评论行警告(文件);警报[对象SVG文档].

但：

var path=document.getElementById('path1');
alert(path);

警报null.

我也尝试将svg放在一个html页面中,同样在xhtml页面中,尝试了更多的东西,但现在没有结果.

任何的想法？

解决方法:

在调用var path = document.getElementById(‘path1’);时,还没有定义path1(稍后会出现).

你应该把代码放在路径定义之后.

但是我不确定你是否可以把< script> < svg>内的标签.

内容总结

以上是互联网集市为您收集整理的javascript – SVG文档中的getElementById全部内容，希望文章能够帮你解决javascript – SVG文档中的getElementById所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/751039.html

来源：【匿名】