Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ Wstawianie elementu za węzłem

Napisany przez: Szymon88 31.05.2018, 09:18:06

Cześć,
Jestem początkujący w Javascript. Chcę wstawić div przzed kontenerem z daną klasą. Użyłem do tego kodu:

Kod
var popupFooter = document.getElementsByClassName('modal-footer');

var span = document.createElement('span');
    span.innerHTML = 'test';
    span.className = 'checkbox';

my_elem.parentNode.insertBefore(span, popupFooter);


Poniżej kod HTML:
Kod
<form id="gsf-popup-register-form" class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-remove"></i>
            </button>
            <div class="modal-header">
                <h4 class="modal-title">Zarejestruj się</h4>
                <p>Witaj. Zaloguj się poniżej na swoje konto.</p>
            </div>
            <div class="modal-body">
                <div class="gsf-popup-login-content">
                    <div class="form-group">
                        <div class="input-icon">
                            <input class="form-control" name="username" required="required" placeholder="Nazwa użytkownika" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-icon">
                            <input name="email" class="form-control" required="required" placeholder="Email" type="email">
                        </div>
                    </div>
                    <div class="login-message text-left fs-12"></div>
                </div>
            </div>
            <div class="modal-footer">
                <input name="action" value="gsf_user_sign_up_ajax" type="hidden">
                <div class="">
                    <button data-style="zoom-in" data-spinner-size="30" data-spinner-color="#fff" type="submit" class="ladda-button btn btn-primary btn-classic btn-rounded btn-sm btn-block">Zarejestruj się</button>
                </div>
                <div class="mg-top-20">Hasło wyślemy drogą mailową</div>
            </div>
        </form>


Kod nie działa. Nie rozumiem dlaczego. Macie może jakieś pomysły?

Napisany przez: trueblue 31.05.2018, 09:31:16

A co jest w my_elem?

  1. popupFooter.parentNode.insertBefore(span, popupFooter);

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)