목록addEventListener (2)

개발 무지렁이

[JavaScript] JavaScript에서 html의 element를 찾아 이벤트 적용하기

html에서 element들이 javascript에서는 객체로 다루어진다. ⚠️ element들은 JavaScript에서 Node라 불린다 - document.getElementById("아이디"); // Node 한개만 찾는다 - document.getElementByClassName("클래스이름"); // Node를 여러개 찾는다(NodeList) - document.getElemetnByTagName("태그이름"); // Node를 여러개 찾는다(NodeList) - querySelector("selector종류"); // Node 한개만 찾는다 - querySelectorAll("selector종류"); // Node가 여러개(NodeList) onload = function() { // wind..
Frontend/JavaScript 2023. 4. 22. 19:32
[JavaScript] 기능무효화와 th:data-uri, this.dataset.uri

기능 무효화 javascript:void(0); [~.html] javascript:void(0); 으로 a태그의 '기능을 무효화' 시키고 getElementsByClassName을 이용하여 해당 element을 찾은 다음, addEventListener를 이용하여 클릭했을 시, 알림창(confirm)이 뜨게한 다음, location.href의 값으로 this.dataset.uri를 넣어주어 th:data-uri로 넣어주었던 값을 불러들인다. [layout.html]
Frontend/JavaScript 2023. 2. 10. 20:23
이전 Prev 1 Next 다음