HTML DOM - problem with a div

**frrlod** · 02-24-2013, 01:26 PM

So I've this little code:

Code:

<!DOCTYPE html>
<html>
	<head>
		
		
	</head>
	<body>
		<div id="first">
			<p>Hello</p>
		
		</div>
		<script>
			var x=document.getElementById("first");
			alert(x.firstChild.innerHTML);
		</script>
	</body>
</html>

As far as I understand, the <p> inside the <div> should be its child, and in this case the first and last child. In that case, the script should alert "Hello" since it's the innerHTML of the <p> element.
Obviously I'm missing something and would love to be enlightened.
Thanks.

**rtrethewey** · 02-24-2013, 08:25 PM

According to w3schools.com, apparently browsers other than Internet Explorer treat white spaces (including line feeds) as text nodes. See http://www.w3schools.com/dom/prop_el...firstchild.asp. So you're probably best off using a function similar to the one they give as an example in order to crawl the child elements to make sure you find the one you really want.

**frrlod** · 02-25-2013, 01:34 AM

Thanks, that solved my problem. Just one thing, I'm only learning HTML DOM and javascript, and using the doctype HTML, so how come XML rules apply?

Thread: HTML DOM - problem with a div

Thread Tools

Display

Hybrid View

HTML DOM - problem with a div

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions