powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Javascript DOM Node
5 сообщений из 5, страница 1 из 1
Javascript DOM Node
    #35458621
versani
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
есть
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table id="mytable">
<tr>
<td>
 1 
</td>
<td>
 2 
</td>
<td>
 3 
</td>
</tr>
</table>
как сделать с помощью javascript?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<div id="block1">
<table id="mytable">
<tr>
<td>
 1 
</td>
<td>
 2 
</td>
<td>
 3 
</td>
</tr>
</table>
</div>
...
Рейтинг: 0 / 0
Javascript DOM Node
    #35459020
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
versaniесть
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table id="mytable">
<tr>
<td>
 1 
</td>
<td>
 2 
</td>
<td>
 3 
</td>
</tr>
</table>
как сделать с помощью javascript?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<div id="block1">
<table id="mytable">
<tr>
<td>
 1 
</td>
<td>
 2 
</td>
<td>
 3 
</td>
</tr>
</table>
</div>

Код: plaintext
1.
document.getElementById("block1").appendChild(document.getElementById("mytable"));
?
...
Рейтинг: 0 / 0
Javascript DOM Node
    #35459154
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge
Код: plaintext
1.
document.getElementById("block1").appendChild(document.getElementById("mytable"));
?
забыл только для начала создать этот див


Код: plaintext
1.
2.
3.
4.
5.
var div = document.createElement('div');
    div.id = 'block1';
var tbl = document.getElementById('mytable');

document.body.insertBefore(div, tbl);  //или не document.body, а родитель таблицы
div.appendChild(tbl);
...
Рейтинг: 0 / 0
Javascript DOM Node
    #35459172
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Еще круче:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
. . .
div>
mydiv0
<div>mydiv1</div>
<div>mydiv2</div>
<div>mydiv3</div>
<table id="mytable">
<tr>
<td>
 1 
</td>
<td>
 2 
</td>
<td>
 3 
</td>
</tr>
</table>
<div>mydiv4</div>
<div>mydiv5</div>
</div>
. . .


<SCRIPT type=text/javascript>
function wrapWithDIV(ID,wrapperID){
  var el=document.getElementById(ID);
  if(!el){ alert("No element: " + ID);return; }
  var chidNodes=el.parentNode.childNodes;
  for(var n in chidNodes){
    if(chidNodes[n]===el){
      var div=document.createElement('div');
      div.id=wrapperID;
      el.parentNode.replaceChild(div,el);
      div.appendChild(el);
      div.style.border="1px solid #FF0000";
      div.style.padding="1px";
      break;
    }
  }
}
window.onload=function(){
  wrapWithDIV('mytable','block1');
  wrapWithDIV('block1','block2');
  wrapWithDIV('block2','block3');
}
</SCRIPT>
</head>

Функции wrapWithDIV достаточно указать ID элемента (необязательно таблицы) и ID DIV, в который его надо заключить.
...
Рейтинг: 0 / 0
Javascript DOM Node
    #35459200
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
М.ГоловановЕще круче:

круто аж жуть. Непонятно только зачем нужен забег по детям (for(var n in chidNodes)). И для абсолютной крутости не хватает проверки на существование элемента wrapperID.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
function wrapWithDIV(ID,wrapperID){
  var el=document.getElementById(ID);
  if(!el){ alert("No element: " + ID);return; }

  var div=document.getElementById(wrapperID);
  if (!div)
  {
    div=document.createElement('div');
    div.id=wrapperID;
  }
  el.parentNode.replaceChild(div,el);
  div.appendChild(el);
}

P.S. М.Голованов, прекратите пугать народ head'ом после контента. Это безграмотно, а люди здесь очень доверчивые.
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Javascript DOM Node
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]