Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   проблема с динамической вставкой тега <center> (https://javascript.ru/forum/misc/13876-problema-s-dinamicheskojj-vstavkojj-tega-center.html)

weeklyTea 18.12.2010 17:40

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

ksa 18.12.2010 18:58

Цитата:

Сообщение от weeklyTea
таблицу, в ней одна строка и одна ячейка в которой будет много строк

Лихо закручен сюжет! :D
А что это за строки такие которые будут потом так сильно размножаться в той одной ячейке?
Т.е. пример хтмл-разметки покажи... Чего в конечном счете нагенеришь?

weeklyTea 18.12.2010 19:59

да уж, ступил ) ну строка же не однозначное слово )
незнаю что-такое хтмл разметка ) мне туда надо "нарисовать" треугольник паскаля. т.е. я сделал чтобы треугольник считался и выписовался, только он выписывается как прямоугольный треугольник с катетом внизу, т.е. каждая строка "прилеплена" к правой границе окна, а должна быть только последняя. И это... если что, я совсем нуб в javascript -е )

ksa 18.12.2010 21:02

Цитата:

Сообщение от weeklyTea
всё в этой ячейке было выровнено по центру

Как вариант...

var td1 = document.createElement("TD");
td1.style.textAlign='center';

weeklyTea 19.12.2010 08:36

спасибо большое! )

и все таки интересно, почему var cent = document.createElement("center"); и td1.appendChild(cent); не дают нужного результата....

ksa 19.12.2010 09:03

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>

Найди несколько отличий...

weeklyTea 19.12.2010 09:43

ясн... Не совсем правильно я понимал метод createElement()... я думал что им можно создать тег и пользоваться им...

тут еще один вопрос возник: как динамически удалить таблицу и все содержимое в ней? )

ksa 19.12.2010 09:48

Цитата:

Сообщение от weeklyTea
я думал что им можно создать тег и пользоваться им..

Этот метод делает не тег... Но весь элемент целиком.

weeklyTea 19.12.2010 13:54

ну подскажите с табличкой плиз

weeklyTea 19.12.2010 23:22

все ок, разобрался сам.
если кому-то интересно сделал все такими строчками:
var tbody = document.getElementById('tab1').getElementsByTagNa me('TBODY')[0];
tbody.rows[0].cells[0].innerText = "";

:)


Часовой пояс GMT +3, время: 10:59.