Цитата:
Цитата:
Цитата:
Сквозь-браузерный вариант получился только с jQuery
$("#addbtn").click(function() {
$("#mytestid tr").remove();
$("#mytestid").append("<tr><td>...</td></tr><tr><td>...</td></tr");
});
Ну коль jQuery могет, значит и чистый JS должен суметь.Все остальное отказывается работать на ишаке. :-/ |
Цитата:
https://learn.javascript.ru/basic-do...ти-innerhtml |
S.E.K.T.O.R.,
может данные пересылать а не html - тогда никаких проблем со вставкой. |
Вставка строк из текста в таблицу кросбраузерно
S.E.K.T.O.R.,
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
table, td { border: 1px solid black; }
</style>
</head>
<body>
<table>
<tbody id="mytestid">
<tr>
<td>lalala</td>
</tr>
<tr>
<td>lalala</td>
</tr> </tbody>
</table>
<button>Add cells</button>
<script>
var button = document.getElementsByTagName('button')[0],
tbody = document.getElementById('mytestid'),
data = '<tr><td>.1.1.</td></tr><tr><td>.2.2.</td></tr>';
button.onclick = function() {
var temp, div;
while(temp = tbody.firstChild) {
tbody.removeChild(temp);
}
div = document.createElement('div');
div.innerHTML = '<table><tbody>' + data + '</tbody></table>' ;
div = div.getElementsByTagName('tbody')[0];
while(temp = div.firstChild) {
tbody.appendChild(temp);
}
};
</script>
</body>
</html>
|
Цитата:
Про то, что innerHTML в ишаке 9-минус такой калечный, я не знал и сейчас подумал что и знать не собираюсь. У меня все равно нет такого ишака - как я проверю? |
рони, огромное спасибо, все работает :dance:
|
В теории, не обязательно имитировать таблицу, эти тр-тд отпарсятся в элементы и так, сами по себе, в том же диве. Надо проверить, мне лень.
|
Цитата:
|
| Часовой пояс GMT +3, время: 13:29. |