JavaScript innerHTML

Почему это не работает? innerHTMl не может быть настолько сложным?JavaScript innerHTML

<html> 
<head> 
    <script type="text/javascript"> 
     function addTable() { 
      var html = "<table><tr><td><label for="name">Name:</label></td><td><input type="text" id="name"></input></td></tr>"; + 
       "<tr><td><label for="remarks">Remarks:</label></td><td><input type="text" id="remarks"></input></td></tr></table>"; 
      document.getElementById("addtable").innerHTML = html; 
     } 
    </script> 


</head> 
<body> 
    <input type="submit" value="New Table" onClick="addTable()"/> 
    <div id="addtable"></div> 
</body> 
</html>

что-то менее сложным, как это работает:

var html = "<table><tr><td>123</td><td>456</td></tr></table>";

источник

2010-02-24 yeeen

Вам нужно либо бежать двойные кавычки внутри строки, вы присваиваете переменной html, или просто заключите строку в одинарные кавычки. Используйте текстовый редактор с подсветкой синтаксиса, и такие ошибки сразу выйдут на вас. У вас также есть дополнительная точка с запятой в вашем задании.

источник

2010-02-24 10:47:19

Это основная причина, по которой я использую одинарные кавычки, чтобы обозначать строки в javascript. –

Я использую Notepad ++ ... – yeeen

Ваши объявления заблокированы. Вы используете двойные кавычки внутри строки:

"<tr><td><label for="remarks">Remarks:</label></td><td><input ....

консоль ошибок Firefox всегда должна быть вашей первой остановкой, ошибки типа, которые всегда регистрируются там.

источник

2010-02-24 10:47:51

вместо двойных кавычек использовать одиночные кавычки, как показано ниже:

вар HTML = "< таблица > < тр > < тд > < метка для 'имя' = > Имя: </этикетка > </тд > < < тд > тип ввода = 'текст' ID = 'имя' > </вход > </TD > </тр > '+ "< тр > < тд > < этикетки для > Примечания = 'Замечания': </этикетка > </тд > < тд > < тип ввода = 'текст' ID = 'Замечания' > </вход > </тд > </tr > </стол > ";

Наслаждайтесь кодированием !!

источник

2010-02-24 10:48:11 Ravia

Ваша строка разделена с использованием двойных кавычек и также использует их внутри строки. Переключитесь на использование одинарных кавычек в строке.

var html = "<table><tr><td><label for='name'>Name:</label></td><td><input type='text' id='name'></input></td></tr>"; + 
"<tr><td><label for='remarks'>Remarks:</label></td><td><input type='text' id='remarks'></input></td></tr></table>";

источник

2010-02-24 10:48:13

Вам нужно либо избежать двойных кавычек, либо использовать одинарные кавычки внутри строки, предназначенной для этого внутреннегоHTML.

источник

2010-02-24 10:48:46 Aoriste

Существует ошибка в строке, попробуйте следующее:

вар HTML = "Имя:"; + "Примечания:"; document.getElementById ("addtable"). InnerHTML = html;

источник

2010-02-24 10:54:03

JavaScript innerHTML

ответ

Смежные вопросы