Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   картинка в табличной ячейке (https://javascript.ru/forum/css-html/71458-kartinka-v-tablichnojj-yachejjke.html)

atanov 20.11.2017 16:29

картинка в табличной ячейке
 
Вопрос к знатокам,

картинка в таблице, между тегами <td></td>, спокойно берётся из содержимого innerHTML. И также может быть выведена в DOM, навроде
бла-бла-бла.innerHTML;


Терзают смутные сомнения, что делаю что-то не так. Как правильно всё-таки с картинками работать или и так сойдёт?

рони 20.11.2017 16:36

atanov,
:-?

NeoN 20.11.2017 16:46

с картинками можно также работать как и со всеми элементами. можно получать доступ по getElementBy... и вставлять в дом через appendChild или insertBefore например. также как и все ноды дома можно создавать img блок изображения через document.createElement('img')

Dilettante_Pro 20.11.2017 17:44

atanov,
Вы это имели в виду?
<table>
   <tr>
     <td>
         <img src = "https://javascript.ru/forum/image.php?u=7416&dateline=1372796129"/>
     </td>
     <td>
         <img src = "https://javascript.ru/forum/image.php?u=26769&dateline=1394721221"/>
     </td>
   </tr>
</table>
<div></div>
<script>
   document.querySelector('table').onclick = function(e) {
      document.querySelector('div').innerHTML = e.target.parentNode.innerHTML;
   }
</script>

И что?

atanov 20.11.2017 18:22

Dilettante_Pro,

по сути да, с другими штришками, приметно так:

<td id = ddd><img src = картинка.jpg</td>

var o = document.createElement('div');
o.name = 'o';
o.innerHTML = document.getElementById(ddd).innerHTML;
o.appendChild (o);


Но мои сомнения Вы развеяли, спасибо.

Dilettante_Pro 20.11.2017 19:00

atanov,
Вот это не понял:
o.appendChild (o);


Сам себе и сын, и отец?
А где святой дух?

atanov 21.11.2017 14:18

Гы-гы-гы, да именно так:)


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