전체 글76 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. .first() //제이쿼리(jQuery) doctype html> first demo Hello jQuery!! 1 Hello jQuery!! 2 Hello jQuery!! 3 Hello jQuery!! 4 $( "div p" ).first().css('background-color', 'yellow'); .first() 메소드는 첫 번째 요소를 선택한다. 2020. 8. 1. .find() //제이쿼리(jQuery) doctype html> find demo Hello World Hello jquery A a-1 a-2 a-3 B C $( "p" ).find( "span" ).css( "background-color", "yellow" ); $( "div.container" ).find( ".box1" ).css( "background-color", "red" ); $( "div.container" ).find( ".box2" ).css( "background-color", "yellow" ); find()메소드는 하위 태그를 선택한다. 2020. 8. 1. 이전 1 2 3 4 5 6 7 ··· 19 다음