проблема с динамической вставкой тега <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, время: 10:59. |