Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Javascript DOM Node / 5 сообщений из 5, страница 1 из 1
29.07.2008, 17:22
    #35458621
versani
versani
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Javascript DOM Node
есть
Код: 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
| Ответить | Цитировать | Написать  
29.07.2008, 21:25
    #35459020
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Javascript DOM Node
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
| Ответить | Цитировать | Написать  
30.07.2008, 00:07
    #35459154
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Javascript DOM Node
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
| Ответить | Цитировать | Написать  
30.07.2008, 00:35
    #35459172
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Javascript DOM Node
Еще круче:

Код: 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
| Ответить | Цитировать | Написать  
30.07.2008, 04:58
    #35459200
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Javascript DOM Node
М.ГоловановЕще круче:

круто аж жуть. Непонятно только зачем нужен забег по детям (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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Javascript DOM Node / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 304ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456110]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 16ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 220ms
total:  304ms
x
x
Закрыть


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