Get nested element by tag->id->element with javascript

Question

document.getElement(div#menuArea).getElements(a)

I want to get all the a elements from a div with id "menuArea". I think above syntax is wrong. Can anyone point me in the right direction?

You should research for answers before asking. stackoverflow.com/questions/15765639/… — NewToJS
– NewToJS, Commented Feb 26, 2015 at 7:40

Oleksandr T. · Accepted Answer · 2015-02-26 07:39:35Z

14

Try this

document.getElementById('menuArea').getElementsByTagName('a')

Or for IE8+

document.querySelectorAll('#menuArea a')

answered Feb 26, 2015 at 7:39

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Comments

Adam Michna · Accepted Answer · 2015-02-26 07:46:23Z

0

Or you can try jQuery:

$('#'menuArea a');

About class, try this:

var d = document.getElementById('menuArea').getElementsByTagName('a')
d.className = d.className + " otherclass";

This is pure JavaScript.

answered Feb 26, 2015 at 7:46

Adam Michna

1691 silver badge7 bronze badges

I need to use only JS. Thanks