WEB108 속성 제어 속성제어* Element 객체의 setAttribute, getAttribute에 대응되는 메소드 attr* removeAttribute에 대응되는 메소드 removeAttr 내 블로그 속성과 프로퍼티* JQuery에서 속성은 attr (Attribute 방식) 프로퍼티는 prop (Property 방식) 메소드를 사용한다. JQuery Test * JQuery를 사용하면 property이름으로 어떤 것을 사용하던 올바른 것으로 교정해준다. opentutorials opentutorials 2016. 10. 15. Element 객체 : 속성 API 속성 API * 속성 : HTML 만으론 부족한 부가적인 정보 * 속성을 제어하는 API 내 블로그 * Element.getAttribute(name) : 속성 값 반환 * Element.setAttribute(name, value) : 속성의 값을 설정 * Element.hasAttribute(name); : 속성의 존재 여부 확인 * Element.removeAttribute(name); : 속성을 제거. - 결과 내 블로그 2016. 10. 15. Element 객체 : 조회 API 조회 API * 엘리먼트를 조회하는 기능 * document 객체는 문서 전체를 의미하는 엘리먼트로 document 조회 메소드는 문서 전체를 대상으로 조회한다. * Element 조회 메소드는 해당 엘리먼트의 하위 엘리먼트를 대상으로 조회한다. html css JavaScript JavaScript Core DOM BOM - 결과 html css JavaScript JavaScript Core DOM BOM 2016. 10. 15. Element 객체 : 식별자 API 식별자* 문서내의 특정한 엘리먼트를 식별하기 위한 API* HTML에서 엘리먼트 이름과 id, class를 식별자로 사용한다. - Element.tagName* 해당 엘리먼트의 태그 이름을 알아낸다. 태그 이름은 변경이 불가능하다. html css JavaScript * 결과 html css JavaScript - Element.id html css JavaScript * 문서 내에서 id는 단 하나만 등장 할 수 있다. * 결과 html css JavaScript - Element.className html css JavaScript * 클래스는 여러개의 엘리먼트를 그룹핑할 때 쓰인다.* 결과 html css JavaScript - Element.classList html css JavaScript /.. 2016. 10. 15. 이전 1 ··· 18 19 20 21 22 23 24 ··· 27 다음 반응형