Всем привет.
JavaScript начал изучать не давно, так же как и HTML. На данный момент дошел до Объектной Модели Документа. Передо мной стоят две задачи: построить таблицу используя DOM.
1) Объединить ячейки по горизонтали.
2) Объединить ячейки по вертикали.
Таблицы 3x3
С первой задачей я справился и у меня получился такой код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p><button onclick='createTable()'>Добавить таблицу</button>
<button onclick='removeTable()'>Удалить таблицу</button> <p>
<script>
function createTable(){
tableTeg = document.createElement('table');
tableTeg.setAttribute('border', 1);
tableTeg.setAttribute('width', 300);
document.body.appendChild(tableTeg);
for (i=1; i<4; i++){
tableTeg.appendChild(newTr=document.createElement('tr'));
for (j=1; j<4; j++) {
newTr.appendChild(newTd=document.createElement('td'));
newTd.innerText = i+'.'+j;
newTd.setAttribute('align','center');
if (i==j) newTd.setAttribute('rowspan', 2);
}
document.body.appendChild(document.createElement('br'));
}
}
function removeTable(){
if (document.body.lastChild.tagName == 'TABLE' || document.body.lastChild.tagName == 'BR')
for(i=0; i<2; i++)document.body.removeChild(document.body.lastChild);
else alert('Таблиц нет. Удалять нечего.');
}
</script>
</body>
</html>
Со второй возникли проблемки, все ячейки начинают плавать. Можете пожалуйста подбросить идею.
