Вообщем вроде как создаю динамически таблицу, в ней одна строка и одна ячейка в которой будет много строк, кол-во символов в которых будет равна номеру строки, но не в этом суть. Суть в том что я хочу сделать так, что бы всё в этой ячейке было выровнено по центру, подскажите как.
вот мой код:
<HTML>
<HEAD>
<TITLE>Sample</TITLE>
<script type="text/javascript">
var td1 = document.createElement("TD");
//функция создает таблицу
function table(){
var tbody = document.getElementById('tab1').getElementsByTagName('TBODY')[0];
var row1 = document.createElement("TR");
tbody.appendChild(row1);
row1.appendChild(td1);
}
//функция добавляет в ячейку текст. Тег br работает, а center почему-то нет :(
function modify(g) {
var BR = document.createElement("br");
var cent = document.createElement("center");
var centClose = document.createElement("/center");
td1.appendChild(cent);
td1.innerHTML +=123456;
td1.appendChild(BR);
td1.innerHTML += g;
td1.appendChild(BR);
td1.appendChild(centClose);
}
</script>
</HEAD>
<BODY>
<button onclick="table()">Добавить таблицу</button>
<button onclick="modify('123')">Вставить текст</button>
<table id="tab1" border=2>
</table>
</BODY>
</HTML>