Как вывести содержимое одного элемента в другой?

Question

SVM @sotvm

Умный поймёт, а дураку и так всё равно.

Как вывести содержимое одного элемента в другой?

<div id="title" onclick="document.getElementById('title').innerHTML = '';">здесь выводить</div>
<div id="coub" onmouseover="вывести в div id=title имя ссылки">
<a href="#" onclick="вывести только текст из div id=coub  в div id=title" >
<img src="#"/>
имя ссылки</a>
это текст бла-бла-бла
</div>

Вопрос задан более трёх лет назад
315 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

12 комментариев

SVM @sotvm Автор вопроса
ничего не понял,
если вы про опции отображения на jsfiddle.net ,
переключил ,но это ничего меняет в принципе
спрошу ещё раз ,конкретно по одному пункту
<html> <head><script> function hide(){ document.getElementById('title').innerHTML = ''}; addEventListener("keydown", function(event) { if (event.keyCode == 32) hide(); }); </script></head> <body> <div id="title" onclick="hide()">тута выводить</div> </body></html>

почему по onclick не очищает содержимое div id="title" ?
если нажать пробел,то всё отрабатывает
Написано более трёх лет назад

Евгений @EShein

sotvm,

<body>
  <div id="title">не скрывает по клику<br/>но скрывает при нажатии пробела</div>
  <a href="#" onclick="hide()"> <img src="#"/>" ссылка "</a>
</body>

function hide(){ 
  document.getElementById('title').innerHTML = '';
};

Написано более трёх лет назад

SVM @sotvm Автор вопроса

Евгений,
до этого я уже додумался ☹
обновил вопрос ,
интересно как вывести туда же только имя ссылки,
как вывести только текст из этого div="coub" (без картинки и ссылки)

Написано более трёх лет назад
Евгений @EShein

sotvm, а что вы сделали, для того что бы это реализовать? и где именно у вас возникли трудности?

Написано более трёх лет назад
SVM @sotvm Автор вопроса

Евгений,
делал сам вот это, sotvm.sytes.net/coub/coub.sotvm.html
эту страницу формирует php скрипт , который из полученого JSON вытаскивает нужное.
я хочу вставлять названия coub-ов в виде текста в div ,
спросите почему бы не вставить/читать названия в параметр tittle html ?,
потому что проблема с экранированием спецсимволов , т.к. в названиях/заголовках могут присутствовать любые символы ,
+в будущем планирую туды же парсить тэги и может быть что то ещё.

Написано более трёх лет назад
SVM @sotvm Автор вопроса

Евгений,
где именно у вас возникли трудности?

да везде , знаний вообще нет ,
день убил на то,чтобы понять "область видимости функции/переменной"
если бы кто то объснил "на пальцах"/на словах ,то хватило бы и минуты,
а при чтении примеров в инете , до меня как то тяжело доходит содержание ㋛

Написано более трёх лет назад

Евгений @EShein

sotvm,

<div id="title">здесь выводить</div>
<div id="coub" onmouseover="showName(this);">
  <a href="#" onclick="showText(this);" >
    <img src="#"/>имя ссылки</a>
    это текст бла-бла-бла
</div>

function showName(el){
	var a = el.getElementsByTagName('a')[0];
  var text = a.text
  document.getElementById('title').innerHTML = text;
}
function showText(el){
 	var text = el.parentNode.innerText;
  document.getElementById('title').innerHTML = text;
}

Только у Вас при клике будет и имя ссылки и текст потому что отработаются одновременно два события.

Написано более трёх лет назад

SVM @sotvm Автор вопроса

Евгений,
Спасибо большое.
иногда, когда вижу код, могу прочитать/понять что он делает, (ваш понял,без комментариев)
но написать самому - не хватает элементарных знаний функций и синтаксиса .

Написано более трёх лет назад

SVM @sotvm Автор вопроса

Евгений,
можно ещё один вопрос
почему не срабатывает вариант c заменой тега a на span ,
всё же аналогично?пробовал и c div , что тут опять не так?

<head>
function showName(el){
  var span = el.getElementsByTagName('span')[0];
  var text = span.text
  document.getElementById('title').innerHTML = text;
}
</head>
<body>
<div id="title">здесь выводить</div>
<div id="coub" onmouseover="showName(this);">
  <a href="#" onclick="showText(this);" >
    <img src="#"/>имя ссылки</a>
    <span>это текст бла-бла-бла</span>
</div>

Написано более трёх лет назад

SVM @sotvm Автор вопроса

sotvm,
сообразил , нужно
var text = span.innerHTML
но в чём разница? между ссылкой и span ?
почему в ссылке отрабатывает text , а в других элементах только innerHTML

Написано более трёх лет назад
Евгений @EShein

Ссылка

Написано более трёх лет назад
SVM @sotvm Автор вопроса

Евгений,
ещё раз Спасибо.
нужный материал,сохранил в закладки,
я не собираюсь стать великим програмёром,
но пару-тройку "букаф кода" всегда полезно знать,
чтобы суметь написать для своих нужд элементарный костыль.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

SVM @sotvm Автор вопроса
Я программист

а Я нет ๏̯͡๏ ,не понимаю/запутался ,
https://jsfiddle.net/sotvm/dmapx041/
спрошу ещё раз:
на странице есть два элемента div class=coub ,
при наведении курсора , нужно прочитать текст содержащийся в этом div-e
и вывести(перезаписать) в другой div id=title ,
который можно скрыть (очистить содержимое) ,если по нему кликнуть.
так какую функцию мне прописать для события onmouseover ?
желательно это сделать средствами JavaScript
<body> <script> //УДАЛЯЕТ ВСЁ ИЗ div id="title" function hide() { document.getElementById('title').innerHTML = ''; }; </script> <div id="title" onclick="hide()">чтобы скрыть кликни здесь</div> <div class="coub" onmouseover=""> <a href="#" onclick=""> <img src="#" />ссылка1</a> <br/> <b>текст1</b> </div> <div class="coub" onmouseover=""> <a href="#" onclick=""> <img src="#" />ссылка2</a> <br/> <b>текст2</b> </div> </body>
Написано более трёх лет назад