Create a variable to hold the value of the nested element

Question

What is the method to assign a variable to access the svg element inside the div with an ID of parent1 using Javascript?

Here is the HTML structure:

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

And this is the Javascript code to assign the variable:

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

Answer 1

Answer №1

Here's a solution that should do the trick:

let element = document.querySelector('#container svg');

Answer 2

Here's a solution that should do the trick:

let element = document.querySelector('#container svg');

Answer 3

If you're looking to locate elements using CSS selectors, you can employ document.querySelector.

To specifically target an svg element within an element identified by the id parent1, you can use the following snippet:

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

Answer 4

If you're looking to locate elements using CSS selectors, you can employ document.querySelector.

To specifically target an svg element within an element identified by the id parent1, you can use the following snippet:

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

Answer 5

There are several ways to achieve this, as highlighted in the feedback.

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

Selects the first svg element within the #parent hierarchy (referencing melpomene's solution)

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

Specifically targets a direct child svg within #parent (as suggested by j08691)

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

Answer 6

There are several ways to achieve this, as highlighted in the feedback.

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

Selects the first svg element within the #parent hierarchy (referencing melpomene's solution)

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

Specifically targets a direct child svg within #parent (as suggested by j08691)

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