Как обратиться к элементу если он в контейнере который в контейнере?

Question

[wolf-9830]

Здравствуйте, такой вопрос, если у меня контейнер в котором несколько контейнеров, со своими id, то как мне обратиться к одному из них из javascript кода?
Покажу наглядно:

<div id="button_list">
	<div id="button1" onclick="button_move('button1');">
		<img src="images/button1.png">
	</div>
	<div id="button2">
		<img src="images/button2.png">
	</div>
	<div id="button3">
		<img src="images/button3.png">
	</div>
	<div id="button4">
		<img src="images/button4.png">
	</div>
	<div id="button5">
		<img src="images/button5.png">
	</div>
	<div id="button6">
		<img src="images/button6.png">
	</div>
</div>

Так а теперь мне нужно из javascript кода передвинуть элемент, раньше я делал так:
document.getElementById('box1').style.left = "1%";

Но когда контейнер в контейнере этот способ не работает. Что посоветуете?

Answer 1

[Юрий Лобанов]

JQuery используйте, если знаний js не хватает и объясните задачу. Лучше, если оформите пример на jsfiddle.net с разметкой и необходимыми стилями.
Обращение к дочернему элементу можно сделать так:

document.getElementById('button_list').getElementByTagName('div');

Но это будут выбраны все div внутри button_list.

Comments

[wolf-9830]

А что лучше учить, javascript или jquery?

[Юрий Лобанов]

@wolf-9830 jquery - это библиотека для js. Базовые знания js все равно будут нужны, но если Вы далее собираетесь заниматься исключительно версткой, то сосредоточьтесь на jquery. Сейчас без нее не многие проекты обходятся.
В частности, все подобные Вашему случаи решаются просто, без особых знаний.

[wolf-9830]

большое спасибо, что направили на верный путь,буду учить.