index.html 파일에 id = "menu"가있는 div가 있는데 jQuery를 사용하여 숨기고 싶습니다. 내 script.js에서 다음과 같이 썼습니다.
window.onload = function() {
prepareEventHandlers();
}
function prepareEventHandlers() {
var hideDiv = $("#menu");
var crtButton = $("#hide");
crtButton.onclick = function() {
hideDiv.hide();
};
}
그러나 웹 페이지의 버튼을 누르면 div가 여전히 거기에 있으며 index.html에서 다음과 같이 쓰는 경우에만 작동합니다.
<button type="button" onclick="$('#menu').hide()" id="hide">HideDiv</button>
하지만 스타일이 나쁘기 때문에 사용하고 싶지 않습니다. 내 script.js 코드를 사용하여 어떻게이 작업을 수행 할 수 있습니까?
Lucas의 대답으로 이동하거나 자신의 코드를 수정하십시오.
crtButtonjquery 객체이므로 onclick속성 이 없습니다 . 대신 DOM 요소의 onclick 속성을 편집합니다 ( crtButton[0])
또는 jQuery를 건너 뛰고 getElementById
window.onload = function() {
prepareEventHandlers();
}
function prepareEventHandlers() {
var hideDiv = document.getElementById("menu");
var crtButton = document.getElementById("hide");
crtButton.onclick = function() {
hideDiv.style.display = 'none'
};
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다