svg必须内联才能使用javascript查询其中一个节点吗?

时间:2017-06-01 18:44:08

标签: html animation svg

我通常使用javascript inline来设置我想要动画的svg,或者我无法获取其中一个节点,无论是id还是类,还是使用jquery或vanilla JS。

如果SVG节点不是内联的,有没有办法查询它?

有了一个对象,我无法让它工作。

  <object type="image/svg+xml" data="/assets/images/logo.svg"> 
    <img src="/assets/images/logo.png" alt="">
  </object>

我的javascript文件在body节点的末尾被调用,我将代码包装在$(document).ready()函数中。

编辑:svg dom节点确实在页面代码中,但是当我尝试console.log(document.getElementById("item_id"))时,它在Chrome和Firefox上都没有返回任何内容,而是使用ubuntu。

1 个答案:

答案 0 :(得分:0)

如果您的外部<svg>对象加载了<object>标记,那么您的图片应该是您网页的DOM的一部分,并且对javascript可见。

但如果您使用<image>标记加载它,则不会。

(铬)。