为嵌套元素分配变量

Question

如何parent1在javascript中为div中的svg分配一个ID为的变量？

结构体

<div id="parent1">

   <svg.....></svg>

</div>

js

var target = document.getElementById("parent1").svg;

Answer 1

如评论中所示，对此有一些答案。您可以查询子元素，孙子元素等的元素。var&nbsp;target&nbsp;=&nbsp;document.getElementById("parent1").querySelector('svg')#parent在继承结构中获取第一个svg&nbsp;（melpomene的答案）var&nbsp;target&nbsp;=&nbsp;document.querySelector('#parent1&nbsp;svg');只抓取直接的子svg&nbsp;#parent（j08691的答案）var&nbsp;target&nbsp;=&nbsp;document.querySelector('#parent1&nbsp;>&nbsp;svg')

Answer 2

您可以使用CSS选择器document.querySelector查找元素。对于svgID为的元素内的元素parent1，将为var&nbsp;target&nbsp;=&nbsp;document.querySelector('#parent1&nbsp;svg');

Answer 3

这应该工作：var&nbsp;target&nbsp;=&nbsp;document.querySelector('#parent1&nbsp;svg');