Javascript Jquery div .text assign value in javascript

Question

I am trying to change some can which depends in jQuery to pure JS and I was wondering how I can translate this one:

$("#mydiv .car span").text(myVariable);

What would the code above be in pure JS?

document.querySelector("#mydiv .car span").textContent = myVariable; — Rayon
– Rayon, Commented Oct 8, 2017 at 21:39
Have you done any research how to target elements using selectors and how to change the property? The comment above will work but if you want to learn from it you can read the documentation here: .querySelector() and .textContent() — NewToJS
– NewToJS, Commented Oct 8, 2017 at 21:40

Jonathan Lam · Accepted Answer · 2017-10-08 21:49:03Z

3

You can do it using document.querySelector() and textContent like this:

document.querySelector("#mydiv .car span").textContent = myVariable;

Or using innerText like this :

document.querySelector("#mydiv .car span").innerText = myVariable;

Returns the first Element within the document that matches the specified selector, or group of selectors.

Which makes it similar to jQuery with the possibility of using this kind of selector.

Jonathan Lam

17.5k17 gold badges72 silver badges99 bronze badges

answered Oct 8, 2017 at 21:41

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1