Array.length problem in JavaScript

Question

I've written this sample code to print the length of x. But for some reason, I am not getting anything! Help!

<html>
<head>
<script type = "text/javascript">
function myF()
{
   var x = [1,2,3,4];
   var y = document.getElementById("thing");
   y.innerHtml = x.length;
}
</script>
</head>

<body onload = "myF();" >

<div id = "thing" >
PRINT TEST
</div>

</body>
</html>

Andy Hume · Accepted Answer · 2009-02-04 09:05:54Z

7

The property name is innerHTML rather than innerHtml.

answered Feb 4, 2009 at 9:05

Andy Hume

42k10 gold badges51 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

UnkwnTech Over a year ago

Why does the Firefox error console not return an error when this is done?

Christoph Over a year ago

@Unkwntech: Why should it? DOM nodes are objects, so you're free to add any property you like - even ones named 'innerHtml'...

xk0der Over a year ago

@Unkwntech: Because That's JavaScript's syntax to assign new properties to instantiated objects. So what happened in that line was the object stored in 'y' had a new property name 'innerHtml' attached and assigned the length of array x.

UnkwnTech Over a year ago

I thought so, it was asked for the sake of the question asker.

Rob Stevenson-Leggett Over a year ago

I'd look at using jQuery(el).html() instead. It'll be future proof.

Collectives™ on Stack Overflow

Array.length problem in JavaScript

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related