Question

当div结构

时

<div><svg id="apple"></svg></div>

我使用以下内容访问svg文件。

document.getElementById('apple').parentNode.innerHTML

我的问题是，当div结构如下时，如何访问svg。

<div id="apple"><svg></svg></div>

Answer 1

在jquery中你会这样做：

$("#apple svg")

在Javascript中你会这样做

document.getElementById('apple').innerHTML

Answer 2

这是JavaScript中非常标准的做法。

要选择所有<svg>元素，请使用：

var svgs=document.getElementsByTagName('svg');

选择<svg>

中的第一个<div id="apple">元素

var x=document.getElementById('apple').getElementsByTagName('svg')[0];

注意：getElementsByTagName（）返回一个元素数组和[0] 先从中选出。

Answer 3

$("#apple").children("svg")

这将为您提供svg div的apple个孩子。

如果你只是想要第一场比赛，你可以这样做：

$("#apple").children("svg").first()

这里有一个jsfiddle，展示了如何使用它：https://jsfiddle.net/o7xyrbbL/

Answer 4

尝试：

var mySvg = $('#apple').children('svg');

Answer 5

您可以通过这种方式访问。

  <div id="apple"><svg></svg></div>

    <script>

        var svg = document.getElementById('apple').firstChild // with this you reference the svg tag.

    </script>

访问div中的元素

5 个答案: