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?
popupFooter.parentNode.insertBefore(span, popupFooter);