Próbuję uzyskać wszystkie tytuł z tekstu ciała. Stworzyłem przycisk i łączyłem do niego funkcję. Jednak kiedy go klikam, znika i chcę, aby pozostać w tym samym miejscu, ponieważ dodam inne przyciski z innymi funkcjami. Czy znasz pojęcie, jak mogłem go zawsze tam dotrzymać? Próbowałem użyć stałej pozycji, ale wkrótce zdałem sobie sprawę, że po prostu naprawia przycisk na górze, jeśli przewijam na przykład. Również, kiedy dostaję tytuły, mój tekst jest w różnych skrótach, po prostu zastanawiam się, dlaczego tak jest? Twoje wskazówki zostaną docenione. W tej chwili mam:

<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <style>
            #navigation li{
                display:inline;
                postion:absolute;
            }
            #navigation a{
                padding:2px 2px;
                background-color:#09F;
                color:#FFFFFF;
            }
            #navigation a:hover{
                background-color:#F90;
                color:#666;
            }
        </style>
        <div id="navigation">
            <a href="#"><input type=button onclick="myFunction()">
        </div>
    </head>
    <body>
        <div>
            <p id="demo">
                <pre> 
                    <b>This is one title</b>

                    I'm writing here
                    the text that I 
                    don't need to get.

                    <b>Other title</b>

                    And so we'll test
                    whether this thing works.
                </p>
            </pre>
        </div>
        <script>
            function myFunction() {
                var text = document.body.innerText;
                var titles =text.match(/^\n(.+?)\n\n/mg);
                for (var i = 0; i < titles.length; i++) {
                    document.write(titles[i] + "<br />" + "<br />");
                }
            }
        </script>
    </body>
</html>
-2
user3922495 13 sierpień 2014, 20:18

2 odpowiedzi

Najlepsza odpowiedź

Zasadniczo masz otwór <a> tag, ale nie zamykający się. To sprawia, że Twoja strona jest linkiem. Ale poza tym miałeś wiele nieprawidłowych HTML. Zmieszczanie znaczników, które były mieszane i HTML między </head> i <body>.

Twój kod HTML powinien wyglądać następująco:

<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <style>
        #navigation li{
            display:inline;
            postion:absolute;
        }
        #navigation a{
            padding:2px 2px;
            background-color:#09F;
            color:#FFFFFF;
        }
        #navigation a:hover{
            background-color:#F90;
            color:#666;
        }
    </style>
</head>
<body>
    <div id="navigation">
        <input type=button onclick="myFunction()" />
    </div> 
    <div>
        <p id="demo">
            <pre> 
                <b>This is one title</b>

                I'm writing here
                the text that I 
                don't need to get.

                <b>Other title</b>

                And so we'll test
                whether this thing works.
            </pre>
        </p>
    </div>

    <script>
        function myFunction() {
            var text = document.body.innerText;
            var titles =text.match(/^\n(.+?)\n\n/mg);
            for (var i = 0; i < titles.length; i++) {
                document.write(titles[i] + "<br />" + "<br />");
            }
        }
    </script>
</body>
</html>
1
putvande 13 sierpień 2014, 16:32