[javascript] 자바스크립트 객체와 노드 객체를 맵핑하여 관리하기.

언젠가 API 개발을 할 때가 있을 것 같아서 정리해둔다. 

아래 예제는 'EditBox' 라는 객체 초기화시 div를 동적으로 생성해주고 이를 'SET' 혹은 'GET' 할 수 있는 함수를 프로토타입으로 제공해주었다. 

객체를 통해 노드 객체를 'GET' 할 수도, 노드 객체를 다른 노드객체에 'SET' 할 수도 있다.

  var EditBox = function(option){ var that = this; var init = function(){ var div = document.createElement('div'); //객체의 동적 생성 that.editBox = div; } init(); } EditBox.prototype.setEditBox = function(container){ $(container).append(this.editBox); } EditBox.prototype.getEditBox = function(){ return this.editBox; }