[Javascript] 이벤트 등록하는 방법 3가지 1. 인라인 방식(inline) 이벤트를 html 요소의 속성으로 직접 지정하는 방식 html 코드와 스크립트가 섞여 사용, html 코드와 스크립트 코드는 분리가 유지보수에 용이하다고 하지만.. 우리 회사 같은 경우에는 굉~~ 장히 많이 사용되고 있는 방식 중 하나라 알아두면 요긴하게 쓰인다. Test 2. 프로퍼티 방식(Property) 이벤트를 자바스크립트 코드에서 프로퍼티로 등록하여 사용하는 방식 html 코드와 자바스크립트가 섞여 사용되지 않음 하나의 이벤트 핸들러 프로퍼티엔 하나의 이벤트핸들러만 바인딩 가능 let testBtn = document.querySelector('#testBtn'); testBtn.onclick = function () { alert('Hello world1'); .. 2022. 1. 9. [jQuery][Javascript] Getting attribute of a parent node $(this).parentNode.attr('class') Getting attribute of a parent node $(this).parentNode.attr('class') jquery와 plain javascript를 섞어 섰다는것.. java 사용해서 백엔드단만 작업하다보니 전혀 생각못했던 부분이었다.. jquery를 사용하는곳이 아직 많기 때문에 해당부분을 유의해서 코드작업을 해야할것 같다. // jQuery $(this).parent().attr('class'); // Vanila Javascript this.parentNode.getAttribute("class"); attr() 메서드와 getAttribute()메서드 .attr() 메서드 .attr(attributeName) .attr(attributeName,value) 선택한요소의 속성의 .. 2022. 1. 1. 이전 1 다음