為嵌套元素分配變量

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')