Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.11.2017, 16:29
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

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

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


Терзают смутные сомнения, что делаю что-то не так. Как правильно всё-таки с картинками работать или и так сойдёт?
Ответить с цитированием
  #2 (permalink)  
Старый 20.11.2017, 16:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

atanov,
Ответить с цитированием
  #3 (permalink)  
Старый 20.11.2017, 16:46
Аспирант
Отправить личное сообщение для NeoN Посмотреть профиль Найти все сообщения от NeoN
 
Регистрация: 01.03.2013
Сообщений: 77

с картинками можно также работать как и со всеми элементами. можно получать доступ по getElementBy... и вставлять в дом через appendChild или insertBefore например. также как и все ноды дома можно создавать img блок изображения через document.createElement('img')
Ответить с цитированием
  #4 (permalink)  
Старый 20.11.2017, 17:44
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

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>

И что?
Ответить с цитированием
  #5 (permalink)  
Старый 20.11.2017, 18:22
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

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);


Но мои сомнения Вы развеяли, спасибо.
Ответить с цитированием
  #6 (permalink)  
Старый 20.11.2017, 19:00
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

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


Сам себе и сын, и отец?
А где святой дух?
Ответить с цитированием
  #7 (permalink)  
Старый 21.11.2017, 14:18
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

Гы-гы-гы, да именно так
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выплывающая картинка при клике на кнопку karssen jQuery 9 19.10.2014 18:27
ПОМОГИТЕ разобраться со скриптом (картинка праздничного дня) Zhuk13@ya.ru Общие вопросы Javascript 7 08.12.2013 19:51
Картинка по списку Darwin Angular.js 16 09.11.2013 13:00
МИГАЮЩАЯ КАРТИНКА johnsag Элементы интерфейса 1 30.05.2012 11:39
Opera 11.00 не подгружается картинка greatilya Opera, Safari и др. 1 27.12.2010 20:27