Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как выхватить текст с document.getElementById (https://javascript.ru/forum/misc/46994-kak-vykhvatit-tekst-s-document-getelementbyid.html)

mariaanina 04.05.2014 12:42

Все, поняла, но не поняла, почему с функцией не работает, вот в код добавила как функцию:


<!DOCTYPE HTML>
<html>
<head>
    <title>Untitled</title>
</head>
<body>
    <div class="noindex">
        <div id="toolsHeading">
            <div class="tools-dashboard clearfix">
                <div class="mbrHomeHeader">
                    <div class="header-content">
                        <h1>
                            <strong>Welcome</strong>
                            MADAM BROSHKINA
                        </h1>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function iWantKnow()
    {
        var text1 = document.getElementById('content').getElementsByTagName('h1')[0].lastChild.data;
        return text1;
    }

</script>
<form>
    <p>Dear <script>document.write(iWantKnow());</script> , please enter valid phone number</p>
</form>
</body>
</html>


и не работает...

рони 04.05.2014 12:43

mariaanina,
вам сюда http://learn.javascript.ru/
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>
<table width="100%" cellspacing="0" cellpadding="0" class="v16">
    <thead>
    <tr>
        <th>
            <span style="font-size: 1.25em;" class="heading_v15 fl append-1">Security Questions</span> <a href="https://mysite.com" style="line-height: 1.2;" class="primary">Edit <span class="hiddenMessage"> your  preference</span></a>
        </th>
    </tr>
    </thead>
    <tbody>

    <tr><td>
        Do you love white color?
    </td></tr>

    <tr><td>
        Do you love black color?
    </td></tr>

    <tr><td>
        Do you love green color?
    </td></tr>

    </tbody>
</table>
<script>
   var td =  document.querySelectorAll('tbody td');
   for (var i=0; i<td.length; i++)  {alert(td[i].innerHTML)}
</script>
</body>

</html>

рони 04.05.2014 12:45

Цитата:

Сообщение от mariaanina
и не работает...

а где id = 'content' ?

mariaanina 04.05.2014 12:50

Цитата:

Сообщение от рони (Сообщение 310329)
а где id = 'content' ?

Потеряла вместе с одной половиной мозга похоже =)
<!DOCTYPE HTML>
<html>
<head>
    <title>Untitled</title>
</head>
<body>
<div id="content" role="main">
    <div class="noindex">
        <div id="toolsHeading">
            <div class="tools-dashboard clearfix">
                <div class="mbrHomeHeader">
                    <div class="header-content">
                        <h1>
                            <strong>Welcome</strong>
                            MADAM BROSHKINA
                        </h1>
                    </div>
                </div>
            </div>
    </div>
    </div>
<script>
    function iWantKnow()
    {
        var text1 = document.getElementById('content').getElementsByTagName('h1')[0].lastChild.data;
        return iWantKnow();
    }
</script>
<form>
    <p>Dear <script>document.write(iWantKnow());</script> , please enter valid phone number</p>
</form>
</body>
</html>

а все равно, блин, не работает

jsnb 04.05.2014 12:51

Цитата:

Сообщение от mariaanina (Сообщение 310330)
а все равно, блин, не работает

return iWantKnow();

Ну а вот это зачем? Было же правильно:
return text1;

рони 04.05.2014 12:53

mariaanina,
у вас какой-то праздник !!! 26 строка зачем сменили и где закрывающий тег у id = 'content'

mariaanina 04.05.2014 12:57

Правка, закрывающий тег добавила, но не воркает...
\
<!DOCTYPE HTML>
<html>
<head>
    <title>Untitled</title>
</head>
<body>
<div id="content" role="main">
    <div class="noindex">
        <div id="toolsHeading">
            <div class="tools-dashboard clearfix">
                <div class="mbrHomeHeader">
                    <div class="header-content">
                        <h1>
                            <strong>Welcome</strong>
                            MADAM BROSHKINA
                        </h1>
                    </div>
                </div>
            </div>
    </div>
    </div>
    </div>
<script>
    function iWantKnow()
    {
        var text1 = document.getElementById('content').getElementsByTagName('h1')[0].lastChild.data;
        return text1();
    }
</script>
<form>
    <p>Dear <script>document.write(iWantKnow());</script> , please enter valid phone number</p>
</form>
</body>
</html>

jsnb 04.05.2014 13:04

Цитата:

Сообщение от mariaanina (Сообщение 310335)
Поправила 26 строку.

Вы прикалываетесь или не понимаете что пишете? Зачем там скобки после text1?

Цитата:

Сообщение от mariaanina (Сообщение 310335)
а вот про id='content' не догоняю, что может быть не так

Закрывающего тега div там нет, вот что не так.

mariaanina 04.05.2014 13:06

Все, поняла, спасибо огромнейшее за потраченные нервы :)


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