ошибка в firstChild.style

[pompiduskus]

Всем привет.

Такой вопрос.

есть вот такой скрипт.

window.onload = function(){
	var divs = document.getElementsByTagName('div');
		for(var i=0; i < divs.length; i++){
			divs[i].onclick = go;				
		}
}

function go(){
	this.firstChild.nodeValue = 'text';
	this.firstChild.style.marginLeft = "25px";
}

И вот такой кусок разметки.

<div class="testBox">
		<p class="balon">test 1</p>
</div>

<div class="testBox">
		<p class="balon">test 2</p>
</div>

<div class="testBox">
		<p class="balon">test 3</p>
</div>

Проблема вот в чём.
При клике по ДИВУ идёт присваивание this.firstChild.nodeValue = 'text';

Должен исчезать старый текст и присваиваться новый.
А происходит только добавление нового куска и причём перед старым.

Получается что он его рассматривает как отдельный узел ? но почему ?

А главная проблема, вот в этом this.firstChild.style.marginLeft = "25px";

Браузер ругается и сообщает следующее.
Uncaught TypeError: Cannot set property 'marginLeft' of undefined

Не могу понять, как одно свойство я могу изменить а другое нет ?

[Naive]

Потому что первый элемент — это пустой текстовый узел, который собственно и наполняется текстом "text". Стилей он не имеет.
Поиск идет по всем узлам (комментарии, текст), а не только по тэгам.

<div><p>hello <!--and good bye--> <b>world</b></p>

Тут, к примеру 7 узлов:

div
  p
    t:hello\s
    c:and good bye
    t:\s
    b
      world

[pompiduskus]

Спасибо ))) теперь понятно