Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как получить текст с div'а (https://javascript.ru/forum/misc/25336-kak-poluchit-tekst-s-div%27.html)

Изучаю_JS 01.02.2012 22:00

Как получить текст с div'а
 
Всем еще раз привет, появилась еще одна проблемка, это очень просто...
Вот есть див с классом:
<div class="hostip">тут мой текст</div>

мне нужно получить этот текст, и выводить ее таким образом:
<div id="idname"></div>

короче нужно получить то что находится внутри дива с классом "hostip"

9xakep 01.02.2012 22:13

innerHTML

рони 01.02.2012 22:19

Изучаю_JS,
Вариант...
<!DOCTYPE html>
<html>

<head>
  <title></title>
<style type="text/css">
#idname{
  color: #FF0000;
}
</style>
</head>
<body>
<div class="hostip">тут мой текст</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">
var hostip = $("div.hostip");
$('<div id="idname">'+hostip.text()+'</div>').insertAfter(hostip);
</script>
</body>
</html>

Изучаю_JS 01.02.2012 22:23

рони, вариант отличный, но как можно сделать чтобы выводило не со скриптом, а точнее чтобы просто я писал:
<div id="idname">'+hostip.text()+'</div>

просто я этот div с id'ом вставлю внутри скрипт, и поэтому хочу чтобы было только див с id'ом

рони 01.02.2012 22:26

Изучаю_JS,
Цитата:

Сообщение от Изучаю_JS
выводило не со скриптом

Цитата:

Сообщение от Изучаю_JS
вставлю внутри скрипт

:agree:

Изучаю_JS 01.02.2012 22:36

рони )))))))
[hr]
мне кто нить поможет ? по моему я объяснил внятно...

Изучаю_JS 01.02.2012 22:37

9xakep, помогите пожалуйста, очень нужно :(

Раед 02.02.2012 00:27

<!DOCTYPE html>
<html>
<body>
HOSTIP:
<div class="hostip">тут мой текст</div>
IDNAME:
<div id="idname"></div>
<script type="text/javascript">
var tag_arr = document.getElementsByTagName('div');
for(ti=0;ti<tag_arr.length;ti++) {
if (tag_arr[ti].className == 'hostip') {
tag_arr = tag_arr[ti]; break;
}
}
document.getElementById('idname').innerHTML = tag_arr.innerHTML;
</script>
</body>
</html>

если я вас правильно понял, то так

Изучаю_JS 02.02.2012 07:41

Раед, Огромное спасибо! Все работает!

Изучаю_JS 02.02.2012 21:15

Раед, Помогите пожалуйста переделать этот скрипт, мне нужно чтобы было так:
<a href="http://google.com/search?q=<div id="idname"></div>">поиск</a>

То есть нужно чтобы те слова которые получает id="idname", ставилось после q=, а так не получается, когда вставляю там он не вставляет текст.. :(

Изучаю_JS 02.02.2012 21:16

Пробовал по разному:
<div id='idname'></div>
и
<div id=\'idname\'></div>

но ничего не помогает...

рони 02.02.2012 21:41

Изучаю_JS,
на всякий случай...:nono:
ссылка href это строка и в неё не поставить элемент

Изучаю_JS 02.02.2012 22:16

рони, а через span или div вставить в onclick ?
Вот так:
onclick="window.location = 'http://google.com/search?q=<div id='idname'></div>
';return false;"

но так тоже не получается :(

рони 02.02.2012 22:43

Изучаю_JS,
Зачем вам div в ссылке ?

Изучаю_JS 02.02.2012 22:53

рони, этот див должен туда вставить текст, который находится внутри <div class="hostip">text</div> а внутри этого див'а может быть разный текст, поэтому я делаю это с помощью скрипта, а есть какие нить еще варианты, который бы получал текст который написан внутри <div class="hostip">text</div> и чтобы можно было вставить внутри онклика либо ссылки ?

рони 02.02.2012 23:04

Изучаю_JS,
<!DOCTYPE html>
<html>
<body>
HOSTIP:
<div class="hostip">тут мой текст</div>
IDNAME:
<a id="idname"   href="http://google.com/search?q=" >поиск</a>
<script type="text/javascript">
var tag_arr = document.getElementsByTagName('div');
for(ti=0;ti<tag_arr.length;ti++) {
if (tag_arr[ti].className == 'hostip') {
tag_arr = tag_arr[ti]; break;
}
}
document.getElementById('idname').href += tag_arr.innerHTML;
</script>
</body>
</html>

Раед 02.02.2012 23:51

рони,
Цитата:

Сообщение от рони
15 document.getElementById('idname').href += tag_arr.innerHTML;

а мне кажется :
document.getElementById('idname').href += *!* encodeURIComponent(tag_arr.innerHTML) */!*;

рони 03.02.2012 00:18

Раед,
ок!

Изучаю_JS 03.02.2012 07:53

рони, отлично, спасибо, пожалуйста покажите еще такой же пример но уже с oncick:
onclick="window.location = 'http://google.com/search?q=
';return false;"

пожалуйста очень важно и нужно :(

Изучаю_JS 03.02.2012 07:56

решил сам поставить onclick и удалил href но href на странице опять появилась, пожалуйста сделайте еще так, чтобы работало с onclick, т.к. этот скрипт будет использован для двух затей

рони 03.02.2012 12:02

Изучаю_JS,
:cray: :-/
<!DOCTYPE html>
<html>
<body>
HOSTIP:
<div class="hostip">тут мой текст</div>
IDNAME:
<a id="idname" >поиск</a>
<script type="text/javascript">
var tag_arr = document.getElementsByTagName('div');
for(ti=0;ti<tag_arr.length;ti++) {
if (tag_arr[ti].className == 'hostip') {
tag_arr = tag_arr[ti]; break;
}
}
document.getElementById('idname').onclick=function ()
{
window.location = 'http://google.com/search?q='+encodeURIComponent(tag_arr.innerHTML);
return false;
}
</script>
</body>
</html>

Изучаю_JS 03.02.2012 19:23

рони, спасибо большое!


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