Sanctuary

Element.classList (원문 바로가기) Element.classList는 읽기 전용 속성으로 DOMTokenList를 실시간으로 반영한다. (즉, 해당 속성 값을 변경하면, 재 표현된다.) classList를 사용하면 각각의 class 요소들에 접근 또는 편집을 할 수 있다. classList의 내용물은 element.className의 값을 공백(띄어쓰기)로 구분한 list 형식이다. Syntax var elementClasses = elementNodeReference.classList; elementClasses 는 elementNodeReference의 class 속성을 DOMTokenList로 재구성한 것이다. 만일 class 속성이 설정되어 있지 않거나, 비어있다면 elementCl..

parentElement or parentNode 특정 엘리먼트의 부모 엘리먼트를 가지고 있는 속성값이다. 이 속성값은 엘리먼트 마다 할당되어 있다. parentElement와 parentNode는 같은 기능을 하지만, 리턴값에서 약간 다르다. parentElement는 부모 노드가 없을 때 null 을 리턴하지만, parentNode는 Document node를 리턴한다. 예졔를 보면: ```javascriptdocument.body.parentNode; // Returns the element document.body.parentElement; // Returns the element document.documentElement.parentNode; // Returns the Document node..

XMLHttpRequest 객체를 이용해 서버와 AJAX 통신을 하던 도중, 다음과 같은 문제가 발생하였습니다. - A.js 파일을 수정한 후 해당 파일을 비동기로 로드했지만, 수정되지 않은채 로드가 되었습니다. 구글링 통해 알아본 결과 브라우져에서 캐싱하는듯 합니다. 브라우져에서 캐시를 삭제한 후 다시 로드하니 수정된 내용이 로드되었습니다. 조금 더 구글링 해본 결과 Mozilla 사이트에서 해당 내용을 우회할 수 있는 법이 있었습니다. (원문 바로 가기) 내용을 보아 하니 캐시를 우회하는 법은 요청하려는 URL 뒤에 timestamp를 붙여주는 것입니다. "?" 또는 "&" 말이지요. 샘플을 보시면: http://foo.com/bar.html -> http://foo.com/bar.html?12345..

Preview 기 능 : GET 방식 DATA 이용하기 주황색 : 사용자 정의 파란색 : 함수 녹 색 : 프로퍼티 Source_1 var locationHref = location.href; //주소입력라인의 Data를 가져온다 var sectionGet = locationHref.indexOf( "?" ); // '?' 문자의 위치를 파악 var dataGet = locationHref.substring( sectionGet+1 ); // '?' 문자 우측에 위치한 문자열을 가져온다. var dataList = dataGet.split( "&" ); //'&' 문자를 구분자로하여 dataList에 배열로 저장한다. var dataList_length = dataList.length; //배열 개수 파악..