Romantic Developer : )

안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 Node 가 가지고 있는 다양한 기능을 활용할 수 있는 API 에 대하여 학습해 보고자 합니다. 노드는 웹 프로그램에서 엘리먼트들이 가지는 관계를 의미합니다. 자주 사용되는 이러한 node API 의 종류는 아래와 같습니다. (출처 : 생활코딩) Node.childNodes 자식노드들을 유사배열에 담아서 리턴한다.Node.firstChild 첫번째 자식노드Node.lastChild 마지막 자식노드Node.nextSibling 다음 형제 노드Node.previousSibling 이전 형제 노드 1.Node 관계 API 아래의 코드는 nodeAPI 를 활용하여 문서를 탐색하는것을 보여줍니다. html css JavaScript JavaS..

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 앞에서 배운 Element 에 대한 식별, 조회, 속성 API 를 jQuery 상에서는 어떻게 사용하는 지에 대하여 알아보고자 합니다. 지난 시간에 jQuery 의 기본 사용법에 대한 포스팅에서 jQuery 의 기본 문법 형식은 $('')라고 알려드렸습니다.오늘은 그런 jQuery 에서 더 나아가 Element 에 대한 API 를 jQuery로 어떻게 사용하는지 알아보고자 합니다. 바로 시작하도록 하겠습니다. 1. attr 조회,변경,추가,제거 아래 코드는 a 태그에 대한 속성값을 jQuery를 활용하여 어떻게 조회, 변경, 추가, 제거 하는지에 대한 코드입니다. jQuery 에서는 attr() 을 통하여 조회, 변경, 추가, 제거 가 가능합니다. 정..

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 웹 자바스크립트의 DOM 중에 속성에 대하여 알아보는 API 에 대하여 알아보도록 하겠습니다. 속성은 HTML 코드에서 태그만으로 표현할 수 없는 정보를 가르킵니다. 그러면 attribute 에 대한 포스팅을 바로 시작하도록 하겠습니다. 1. Attribute 아래의 코드를 먼저 살펴 보도록 하겠습니다. aaa.com 여기서 a tag 는 href 라는 attribute 로 'http://aaa.com 을 가지고 있습니다.그리고 이러한 어트리뷰트는 다양한 명령어로 추가, 제거, 변경 이 가능합니다. - getAttribute('AttributeName') : 어트리뷰트 값을 받아옴- setAttribute('AttributeName','Value') ..