JS30 Element.classList.add 자바스크립트로 클래스 추가하기(JavaScript) *{float: left;}#container1, #container2{margin: 30px 30px;text-align: center;width: 100px;height: 100px;border: 2px solid black;color: black;} const divTag1 = document.getElementById("container1");const divTag2 = document.getElementById("container2");function handleOnclick1() {divTag1.classList.add("HelloClass"); // 클래스 하나}function handleOnclick2() {divTag2.classList.add("class1", "class2", "cla.. 2020. 8. 6. addEventListener 간단한 예제(JavaScript) https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener #container{ margin: 30px auto; text-align: center; width: 300px; height: 300px; border: 2px solid black; color: white; } Hello const divTag = document.getElementById("container"); function handleMouseOver() { divTag.style.backgroundColor ="red"; divTag.innerHTML = "mouseover"; } function handleLeave() { divTag.style.backg.. 2020. 8. 5. getElementBy 메소드(JavaScript) Hello World!! lorem const x = document.getElementById("h1_id"); const x1 = document.getElementById(""); const y = document.getElementsByClassName("h1_class"); const z = document.getElementsByTagName("h1"); console.log("getElementById", x); console.log("getElementById", x1); console.log("getElementsByClassName", y); console.log("getElementsByTagName", z); getElementById() 메소드1. 해당 id 속성을 가진 요소를 리.. 2020. 8. 4. .addClass() //제이쿼리(jQuery) doctype html> first demo Hello 1 Hello 2 Hello 3 Hello 4 $( "ul li" ).addClass('selectClass'); .addClass() 메소드는 class를 추가한다. class가 이미 있을 경우 기존의 class가 삭제되지 않는다. 2020. 8. 1. 이전 1 2 3 4 5 6 ··· 8 다음
