[dee]

funkcijom:

function addElement(color) {

  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
	numi.value=ni.childNodes.length;
  var num = parseInt(numi.value) +1;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num;
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = '';
  newdiv.className = color + '_plot';
  newdiv.style.left='300px';
  newdiv.style.top='200px';
  ni.appendChild(newdiv);

}

dodajem elemente u:

<div id="myDiv"></div>

'theValue' je hidden field koji 'broji' koliko child elemenata ima 'myDiv'.

kada je myDiv prazan i kada ga punim samo dinamicki, sve radi ocekivano. Medjutim, kada u sam HTML stavim:

<div id="myDiv"><div id="my1" class="red_plot" style="left: 300px; top: 200px;"></div></div>

dakle, slucaj kad server posalje browseru vec neko predefinirano stanje odnosno 'napunjen' myDiv, document.getElementById('myDiv').childNodes.lenght skoci na 3.

U Firebugu mi pokazuje da unutar myDiv postoje 3 childNode-a:

[0] -> " \n "
[1] -> div#my1 (ovo i treba biti)
[2] -> "\n "


nemam nigdje nikakvih razmaka, praznih redova i ostalog.


trazim al ne mogu naci, zasto se ovo dogadja?