为嵌套元素分配变量

Question

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

结构体

<div id="parent1">
   <svg.....></svg>
</div>

js

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

Answer 1

这应该工作：

var target = document.querySelector('#parent1 svg');

Answer 2

您可以使用document.querySelector通过CSS选择器查找元素。

对于ID为parent1元素内的svg元素，其parent1

var target = document.querySelector('#parent1 svg');

Answer 3

如评论中所示，对此有一些答案。

1. 您可以查询子元素，孙子元素等的元素。

var target = document.getElementById("parent1").querySelector('svg')

2. 在层次结构中的#parent下#parent第一个svg（melpomene的答案）

var target = document.querySelector('#parent1 svg');

3. 仅在#parent中#parent直接子svg（j08691的答案）

var target = document.querySelector('#parent1 > svg')