Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.08.2014, 13:53
Аватар для Sakyra
Аспирант
Отправить личное сообщение для Sakyra Посмотреть профиль Найти все сообщения от Sakyra
 
Регистрация: 30.04.2013
Сообщений: 92

В основном блоке div, переделать в нем table в div
Добрый день в просторах интернета не могу найти ответ прошу помощи в ответе или в поиске

<div id="pollBlock2">
<table border="0">
   <tbody>

       <tr><td>Тест</td></tr>

       <tr><td><table border="0"><tbody><tr><td>Тест</td></tr></tbody></table></td></tr>

   </tbody>
</table>
</div>


вот как мне все сделать так что-бы все <table> заменились на <div>
что-бы получить такой вид

<div id="pollBlock2">
<div border="0">
   <tbody>

       <tr><td>Тест</td></tr>

       <tr><td><div  border="0"><tbody><tr><td>Тест</td></tr></tbody></div></td></tr>

   </tbody>
</div>
</div>


заранее всем большое спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 25.08.2014, 14:24
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Sakyra, "<tr><td><div border="0"><tbody><tr><td>Тест</td></tr></tbody></div></td></tr>" - это не валидный код, так нельзя писать

var parent = document.querySelector("#pollBlock2"),
     table = parent.querySelector("table"),
     div;


  div = document.createElement("DIV");
  div.setAttribute("border", "0");
  parent.appendChild(div);
  div.appendChild(table);
Ответить с цитированием
  #3 (permalink)  
Старый 25.08.2014, 14:28
Аватар для Sakyra
Аспирант
Отправить личное сообщение для Sakyra Посмотреть профиль Найти все сообщения от Sakyra
 
Регистрация: 30.04.2013
Сообщений: 92

tsigel,
не сработал
также протестировала тут ссылка
Ответить с цитированием
  #4 (permalink)  
Старый 25.08.2014, 14:29
Аватар для Sakyra
Аспирант
Отправить личное сообщение для Sakyra Посмотреть профиль Найти все сообщения от Sakyra
 
Регистрация: 30.04.2013
Сообщений: 92

точнее с работал но на один table а не на все
также еще заметила что скрипт не заменяет <table>
а охватывается <div><table></table></div>

Последний раз редактировалось Sakyra, 25.08.2014 в 14:32.
Ответить с цитированием
  #5 (permalink)  
Старый 25.08.2014, 14:30
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Sakyra, а я и написал код на 1 таблицу
Ответить с цитированием
  #6 (permalink)  
Старый 25.08.2014, 14:33
Аватар для Sakyra
Аспирант
Отправить личное сообщение для Sakyra Посмотреть профиль Найти все сообщения от Sakyra
 
Регистрация: 30.04.2013
Сообщений: 92

tsigel,
а могли бы вы помочь что бы table за менялся на div но что бы все содержимое осталось в нутри

<table border="0"><tbody><tr><td>Тест</td></tr></tbody></table>

<div border="0"><tbody><tr><td>Тест</td></tr></tbody></div>
Ответить с цитированием
  #7 (permalink)  
Старый 25.08.2014, 14:35
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

http://jsfiddle.net/Lzwwz9xd/1/

var tables = parent.querySelectorAll("#pollBlock2 table"),
     div, parent;

Array.prototype.forEach.call(tables, function (table) {
    
    parent = table.parentNode;
    div = document.createElement("DIV");
    div.setAttribute("border", "0");
    parent.appendChild(div);
    div.appendChild(table);

});

Последний раз редактировалось tsigel, 25.08.2014 в 14:47.
Ответить с цитированием
  #8 (permalink)  
Старый 25.08.2014, 14:36
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

Sakyra, попробуйте создать html файл с кодом
<div border="0"><tbody><tr><td>Тест</td></tr></tbody></div>

потом попробуйте открыть его в хроме или лисе и проинспектировать получившееся...
затем осознайте бессмысленность этих манипуляций и спросите себя "а зачем я это делаю?"
Ответить с цитированием
  #9 (permalink)  
Старый 25.08.2014, 14:45
Аватар для Sakyra
Аспирант
Отправить личное сообщение для Sakyra Посмотреть профиль Найти все сообщения от Sakyra
 
Регистрация: 30.04.2013
Сообщений: 92

Viral,
ну если бы мне это было бы не нужно я бы не заморачивалась!
tsigel,
спасибо
Ответить с цитированием
  #10 (permalink)  
Старый 25.08.2014, 14:57
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Сообщение от Sakyra
ну если бы мне это было бы не нужно я бы не заморачивалась!
Похоже это уже ворос веры... Это для какой-то секты? Типа HTMLисты 7-го дня...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как "вытащить" div из table linbis Элементы интерфейса 4 27.03.2009 17:57