Get grandchild elements of document in javascript

javascript get element document grandchild
user3340627 picture user3340627 · Mar 17, 2014 · Viewed 7.6k times · Source

How can I get grandchildren div and iframe of a document in javascript ? I have the id of div and name of iframe

Answer

Zach Saucier picture Zach Saucier · May 15, 2014

Use .querySelectorAll()

Example:

document.querySelectorAll("#iframeId .someSelector");

If you have an ID for child you can just use that:

document.getElementById("divId");

Or you could use a combination of selectors like so:

document.querySelectorAll("#iframeId > .someSelector > *");

Related questions

GetElementByID - Multiple IDs

doStuff(document.getElementById("myCircle1" "myCircle2" "myCircle3" "myCircle4")); This doesn't work, so do I need a comma or semi-colon to make this work?

Read More
Getting DOM element value using pure JavaScript

Is there any difference between these solutions? Solution 1: ...and Solution 2: function doSomething(id) { var value = document.getElementById(id).value; console.log(value); //... } <input id="theId" value="test" onclick="doSomething(this.id)" />

Read More
How to pass parameters in GET requests with jQuery

How should I be passing query string values in a jQuery Ajax request? I currently do them as follows but I'm sure there is a cleaner way that does not require me to encode manually. $.ajax({ url: "ajax.aspx?ajaxid=4&…

Read More