jquery/js error - DOM Error: DOM Exception 8 - When I .html any variable

Question

I'm receiving a DOM Error: DOM Exception 8 when I try to execute a very simple piece of code. Ive done similar executions a million times and I'm very confused what the problem is.

My Code:

$.post('/dataHandlers/return_stats.php', function(data) {
       $('#u').html(data['username']);
       var health = data['health'];
       $('#health_display').html(health);
       $('#energy_display').html(data['energy']);
       $('#money_display').html(data['money']);
       $('#intelligence_display').html(data['intelligence']);
       $('#strength_display').html(data['strength']);
       $('#sidebar').find('#level_display').html(data['level']);
   }, 'json');

HTML:

<div id='sidebar'>
   <div id ="health_display" class="stats_right"></div>
</div>

If I try and .html something that isn't a variable, it works. Whenever I .html any variable whatsoever, I get that error.

Anyone know what this is about? Thanks in advance.

If you console.log(data), is there anything there before you get the error? — Jared Farrish
– Jared Farrish, Commented Nov 1, 2011 at 2:46
Yes there is, all the data in the array is returned properly. I literally can alert(data['health']); right before the .html line and it outputs fine. — jz3
– jz3, Commented Nov 1, 2011 at 2:47
Am I imagining things or is there a missing ) closing brace? — Greg Pettit
– Greg Pettit, Commented Nov 1, 2011 at 2:47
I stripped down the code for more ease of reading, it's not a syntax error, I have all the closing tags. I just updated my code for the full function. — jz3
– jz3, Commented Nov 1, 2011 at 2:51
If you notice, I even tried setting the data['health'] as a variable, alerted that variable, which worked. Then .html'd the variable, and still got the error. — jz3
– jz3, Commented Nov 1, 2011 at 2:53

Yahel · Accepted Answer · 2011-11-01 02:55:27Z

4

Be sure you're passing a string to html(); if, for example, those are arrays, you can get DOM errors like that.

ie, jQuery("a").html([1,2]) throws the same error; you likely have a type problem.

enter image description here

I wouldn't be surprised if it they're arrays; if you alert([1,2]), it just alerts 1,2, so everything would appear normal.

edited Nov 1, 2011 at 2:55

answered Nov 1, 2011 at 2:49

Yahel

37.4k23 gold badges108 silver badges156 bronze badges

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

4 Comments

jz3 Over a year ago

I stripped down the code for more ease of reading, it's not a syntax error, I have all the closing tags.

Yahel Over a year ago

@Greg Joe is responding to an earlier version of my answer where I mentioned a potential syntax error. I've seen removed it after seeing his edits.

jz3 Over a year ago

yahelc you were right on with jquery not viewing the item in the array as a string...The value is a number, but it still should be a string...in any case, if I simply set the variable to += ' '; javascript "converts it" to a string, and then it will output correctly...So I now can fix the problem, although I still don't understand why the problem is occurring to begin with.

aroth Over a year ago

Note that if you have an array of things you want to append, it should work as expected if you do jQuery("a").html([1,2].join("")).

rockerest · Accepted Answer · 2011-11-01 03:05:10Z

0

I've seen a similar problem with the output being interpreted strangely by .html().

Did you try using .text() and seeing what happened?

answered Nov 1, 2011 at 3:05

rockerest

10.5k3 gold badges39 silver badges67 bronze badges

Collectives™ on Stack Overflow

jquery/js error - DOM Error: DOM Exception 8 - When I .html any variable

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related