为嵌套元素分配变量

Question

如何parent1在javascript中为div中的svg分配一个ID为的变量？结构体<div id="parent1">   <svg.....></svg></div>jsvar target = document.getElementById("parent1").svg;

Answer 1

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

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

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

1. #parent在继承结构中获取第一个svg （melpomene的答案）

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

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

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

Answer 2

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

对于svgID为的元素内的元素parent1，将为

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

Answer 3

这应该工作：

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