Auf untergeordnetes Element zugreifen

[blubbbla]

Ich erhalte durch getElementById ein Element (meistens wohl ein div). Von diesem Element möchte ich auf das untergeordnete Element p zugreifen und es auf display none setzen. Ich habs so probiert:

var sub_div = document.getElementById(div_id);
sub_div.firstChild.style.display = "none";

Aber das geht nicht

 

[Sven Mintel]

firstChild() liefert dir das erste Kindelement, das ist schon richtig.
Steht aber zwischen dem <div> und dem <p> noch etwas anderes, bspw. ein Leerzeichen, ist dieses Leerzeichen das firstChild() (je nach Browser).

Sicherer ist in deinem Fall, per getElementsByTagName() auf das <p> zuzugreifen:

sub_div.getElementsByTagName('P')[0].style.display = "none";