为嵌套元素分配变量

Question

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

结构

<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 selector查找元素。

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

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

Answer 3

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

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

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

1. 在继承结构的#parent下抢先获得svg（melpomene的答案）

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

1. 仅抓取#parent中的直接子svg（j08691的答案）

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