Ajax / Javascript действие не появляется на моей главной странице - PullRequest
Новая
       0

Ajax / Javascript действие не появляется на моей главной странице

0 голосов
/ 18 февраля 2020

Я пытаюсь создать кнопку с помощью простой команды Ajax / Javascript, похоже, она работает, но не отображается на моей главной странице (под F12), что вызывает некоторые проблемы.

вот код: 

<html>
    <head>
        <script src="js/jquery.js"></script>
    </head>
<body>
    <button class="createButton" id="create_Button" onclick='button_creation()'>Create me</button>
</body>

<script>
    function button_creation() 
    {
            button_exist = document.getElementById('submit_button');
            if(button_exist == null)
            {
                    btn = document.createElement("BUTTON");
                    btn.innerHTML = "Submit";
                    btn.setAttribute("type","submit");
                    btn.setAttribute("name","submit");
                    btn.setAttribute("value","submit");
                    document.body.appendChild(btn);
            }
    }
</script>

скрипт работает, однако, когда я продолжаю нажимать кнопку, он продолжает создавать дополнительные кнопки, и причина этого (по крайней мере для меня) в том, что он не появляется на F12 главной страницы. хотя когда я go на консоль (F12) и пишу "document.getElementById ('submit_button')", я получаю все введенные значения.

кто-нибудь знает, почему и как мне решить, что Ajax / Javascript появится в моем F12?

Большое спасибо.

1 Ответ

0 голосов
/ 18 февраля 2020

Когда вы нажимаете F12, он показывает вам обработанный исходный код в инструменте отладки браузера. То, что вы видите, может незначительно отличаться между Chrome, Edge, FireFox, et c, так как их инструменты немного различаются. Это не проблема. Кроме того, HTML, отображаемый с JavaScript, может не сразу появиться в вашем коде F12. Возможно, вам придется щелкнуть правой кнопкой мыши и выбрать проверку новой кнопки, чтобы она обновила sh (в зависимости от того, какой браузер вы используете).

Ваш код проверяет наличие кнопки с идентификатором submit_button , Если он не находит его, он создает новую кнопку. Но он не назначает этой новой кнопке значение ID вообще. Поэтому, когда он снова проверяет кнопки с идентификатором submit_button, он никогда не найдет их, поэтому он продолжает создавать кнопки. Вы должны добавить идентификатор для вашей новой кнопки: 

function button_creation() 
    {
            button_exist = document.getElementById('submit_button');
            if(button_exist == null)
            {
                    btn = document.createElement("BUTTON");
                    btn.innerHTML = "Submit";
                    btn.setAttribute("id","submit_button");
                    btn.setAttribute("type","submit");
                    btn.setAttribute("name","submit_button");
                    btn.setAttribute("value","submit");
                    document.body.appendChild(btn);
            }
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...