javascript - 从 div 外部访问图像

Question

我在单独的 div 中有几个 svg。

<div id="divA">
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">    
     <rect x="10" y="10" height="130" width="500" style="fill: #000000"/>

     <image class="myImg" x="20" y="20" width="300" height="80"
     xlink:href="img.png" />
   </svg>
</div>

所以基本上我正在寻找一种访问 divA 中的图像的方法。如何在 javascript 或 jquery 中访问 img.png？

Answer 1

您可以通过以下方式之一来完成此操作。

如果你想使用div的id来做到这一点

alert($("#divA image").attr("xlink:href"));

否则使用图像元素的类

alert($(".myImg").attr("xlink:href"));

请查找jsfiddle http://jsfiddle.net/7n9erkuy/