XMPHttpRequest 응답을 받으면 내 페이지에서 div를 제거하려고합니다. 나는 또한 div를 none으로 설정하려고 시도했다. document.getElementById ('password'). style.display = 'none'; 그러나 그 didnt 일.JavaScript로 페이지에서 div 제거
HTML :
<div class="login-container">
<div class="title">Login Form</div>
<div class="form-fields" id="form-fields">
<form name="login_form" method="post" id="login-form" onsubmit="return submitForm()">
<input type="text" name="username" id="username" placeholder="Username" required></input>
<input type="password" name="password" id="password" placeholder="Password" required></input>
<input type="submit" value="Log in" id="submit-button"></input>
<input id="sessionID" class="hidden"></input>
</form>
</div>
<div id="success-message" class="hidden">Congratulations! You have been logged in.</div>
<button id="logout" class="hidden"></button>
</div>
자바 스크립트 기능 :이 문제는 변화에 의해 해결되었다
function sendLoginInfo() {
var loginRequest = new XMLHttpRequest();
loginRequest.open("POST", "server/login.php", false);
loginRequest.setRequestHeader('Content-type', "application/json");
loginRequest.onreadystatechange = function() {
if(loginRequest.readyState == 4 && loginRequest.status == 200) {
sessionID = keyRequest.responseText;
var el = document.getElementById('password');
el.parentNode.removeChild(el);
}
}
loginRequest.send(JSON.stringify(JSONFormData));
}
업데이트 :
<form name="login_form" method="post" id="login-form" onsubmit="return submitForm()">
사람 :
<form name="login_form" method="post" id="login-form" onsubmit="submitForm(); return false;">
참조 : http://stackoverflow.com/questions/3387427/javascript-remove-element-by-id –
실제로 'if'가 입력 되었습니까? –
작성된 코드는 ** ** var el = document.getElementById ('password')'가 실행되고 요소를 반환하는 경우 작동해야합니다. – RobG