проблема с динамической вставкой тега <center>
Вообщем вроде как создаю динамически таблицу, в ней одна строка и одна ячейка в которой будет много строк, кол-во символов в которых будет равна номеру строки, но не в этом суть. Суть в том что я хочу сделать так, что бы всё в этой ячейке было выровнено по центру, подскажите как.
вот мой код:
<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>
|
Цитата:
А что это за строки такие которые будут потом так сильно размножаться в той одной ячейке? Т.е. пример хтмл-разметки покажи... Чего в конечном счете нагенеришь? |
да уж, ступил ) ну строка же не однозначное слово )
незнаю что-такое хтмл разметка ) мне туда надо "нарисовать" треугольник паскаля. т.е. я сделал чтобы треугольник считался и выписовался, только он выписывается как прямоугольный треугольник с катетом внизу, т.е. каждая строка "прилеплена" к правой границе окна, а должна быть только последняя. И это... если что, я совсем нуб в javascript -е ) |
Цитата:
var td1 = document.createElement("TD");
td1.style.textAlign='center';
|
спасибо большое! )
и все таки интересно, почему var cent = document.createElement("center"); и td1.appendChild(cent); не дают нужного результата.... |
weeklyTea, так ты свои значения не в центер суёшь... :) Т.е. у тебя он пустой.
<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");
td1.appendChild(cent);
cent.innerHTML =123456;
cent.appendChild(BR);
cent.innerHTML += g;
td1.appendChild(cent);
}
</script>
</HEAD>
<BODY>
<button onclick="table()">Добавить таблицу</button>
<button onclick="modify('123')">Вставить текст</button>
<table id="tab1" border=2>
</table>
</BODY>
</HTML>
Найди несколько отличий... |
ясн... Не совсем правильно я понимал метод createElement()... я думал что им можно создать тег и пользоваться им...
тут еще один вопрос возник: как динамически удалить таблицу и все содержимое в ней? ) |
Цитата:
|
ну подскажите с табличкой плиз
|
все ок, разобрался сам.
если кому-то интересно сделал все такими строчками: var tbody = document.getElementById('tab1').getElementsByTagNa me('TBODY')[0]; tbody.rows[0].cells[0].innerText = ""; :) |
| Часовой пояс GMT +3, время: 11:21. |