Dynamisch een div maken

That Guy · 12 feb 2009

Yo,

Ik zit al een tijdje te klooien met dit, nl. hoe maak ik via javascript een div aan.
Als test heb ik zoiets gemaakt:

HTML:

<html>
<head>


<script type='text/javascript'>
   function doTest()
   {
      var y = document.createElement('div');
      y.id = 'testdiv';
   }
</script>

</head>
<body onload='doTest();'>

   <input type='submit' onclick='alert(document.getElementById("testdiv").id);' />

</body>
</html>

de input alleen om pas na de pagina-onload het ID op te vragen. Als ik dit echter doe, krijg ik de error 'Fout: document.getElementById("testdiv") is null'

Ook via

PHP:

//js
y.setAttribute('id',"testdiv");

lukt dit niet.

Wat zie ik over het hoofd? Iemand?

:thumb:

Johantrax · 12 feb 2009

Ik vermoed dat je de div nog aan je body moet toevoegen ook.
Bestaat er niet zoiets als document.add(y) ?
of appendChild ofzo

That Guy · 13 feb 2009

Oh, he, wacht eens even, ik vat m nu. Je moet zoiets gebruiken:

PHP:

//js
document.body.appendChild(y);

Thanks!

:thumb:

Dynamisch een div maken

That Guy

Meubilair

Johantrax

Terugkerende gebruiker

That Guy

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy