undefined in html, using inner html

Question

so, i'm trying to do a table in HTML and my code is like this.

<script>
function addtable()
{
 var incr;
 incr += "<table id="nicetable"....
 more code
 incr += "</table>";
 document.getElementById("divfortable").innerHTML=incr;
}
</script>
<div id="divfortable"></div>

And it appeared undefined and the table on my webpage. I've tried even commenting all of my code and only inserting a word in my "incr" variable, and still appeared the undefined word. So i did only:

document.getElementById("divfortable").innerHTML="hi";

And all went fine. And i've realized that the problem was from the var incr. And i don't know how to solve this. And it's quite odd, cuz I always do this to do tables, but now it's appearing the undefined word on the webpage.

MultiplyByZer0 · Accepted Answer · 2017-02-24 12:33:10Z

2

You must escape the double quotes in incr, by replacing " with \". Javascript can use double quotes to represent the start and end of a string, but the quotes in id="nicetable" are interfering.

In addition, you should initialize your variable:

var incr = "";

As by default, incr will be set to undefined.

edited Feb 24, 2017 at 12:33

answered Nov 29, 2013 at 2:32

MultiplyByZer0

7,2693 gold badges35 silver badges49 bronze badges

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

Comments

danny.hu · Accepted Answer · 2013-11-29 02:51:11Z

1

var incr;
 incr += "<table id=\"nicetable\"...."
 more code
 incr += "</table>";

or

var incr;
 incr += '<table id="nicetable"....'
 more code
 incr += '</table>';

edited Nov 29, 2013 at 2:51

answered Nov 29, 2013 at 2:38

danny.hu

1103 bronze badges

1 Comment

AndreasHassing Over a year ago

Also, the variable incr should be defined like so: var incr = ""; to avoid a default string value of 'undefined'.

Dejan Pekter · Accepted Answer · 2013-11-29 02:36:09Z

0

When you write this:

var incr;

Then incr has value undefined, then you try to append string on it, and it converts undefined to string and appends string on it.

Solution would be:

var incr = "<table id="nicetable"....

So you don't have undefined starting value of incr.

answered Nov 29, 2013 at 2:36

Dejan Pekter

7353 silver badges18 bronze badges

1 Comment

AndreasHassing Over a year ago

This is not incorrect, but his main issue lies with his quotations, check again. Also, to define a string variable without the "undefined" string do: var incr = "";

Collectives™ on Stack Overflow

undefined in html, using inner html

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related