undefined в html, используя внутренний html

Question

так, я пытаюсь сделать таблицу в HTML, и мой код выглядит следующим образом.

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

И это оказалось неопределенным и стол на моей веб-странице. Я пробовал даже комментировать весь мой код и только вставлял слово в свою переменную «incr» и все еще появлялся неопределенное слово. Так я сделал только:

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

И все пошло нормально. И я понял, что проблема связана с var incr. И я не знаю, как это решить. И это довольно странно, потому что я всегда делаю это, чтобы делать таблицы, но теперь на веб-странице появляется неопределенное слово.

Answer 1

Вы должны избежать двойных котировок в incr, заменив " на \". Javascript может использовать двойные кавычки для представления начала и конца строки, но котировки в id="nicetable" мешают.

Кроме того, вы должны инициализировать переменную:

var incr = ""; 

Так как по умолчанию, incr будет установлен в undefined.

Answer 2

Когда вы пишете это:

var incr; 

Тогда incr имеет значение неопределенного, то вы пытаетесь добавить строку на ней, и она преобразует неопределенной в строку и добавляет строку на ней.

Решение будет:

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

Таким образом, вы не имеете неопределенное начальное значение incr.

Answer 3

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

или

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