'2013/03'에 해당되는 글 2건

  1. 2013.03.18 Undefined Kr 발표자료 :: CoffeeScript
  2. 2013.03.05 jQuery .HTML() 메서드 구현

Undefined Kr 발표자료 :: CoffeeScript




Undefined Kr 그룹 발표자료







그룹 페이지:

https://www.facebook.com/groups/html5jsstudy/?bookmark_t=group


CoffeeScript 

http://goo.gl/eDwSx


jQuery .HTML() 메서드 구현




최근 작성 중인 JS에서 DB Call(Ajax)을 통해 받아온 데이터를 HTML과 함께 가공하여, 사용자로부터 전달된 특정 Element에 할당하는 로직을 구현해야 하는 일이 있었다.



해당 로직을 구현하기 위해 지금까지 DOM Manipulation(조작)을 위해 자주 사용해오던 속성인 innerHTML 속성을 사용해 구현하던 중 오랜만에 "멘붕"을 겪은 경험이 있어 아래와 같이 정리해보았다.





"멘붕"과 관련된 자세한 설명은 간단한 검색을 통해 많은 정보를 얻을 수 있으며, 아래 포스트를 참조하길 바란다.



1. tbody.innerHTML 안된다고?

http://findfun.tistory.com/entry/TIP-tbodyinnerHTML-%EC%9D%B4-%EC%95%88%EB%90%9C%EB%8B%A4%EA%B3%A0


2. Javascript Snippet - Tables and innerHTML

http://tech.pro/tutorial/1087/javascript-snippet-tables-and-innerhtml


3. DWR과 IE와 TBODY와 innerHTML과 협공

http://blog.iolo.kr/102





위 내용들을 간단히 정리하면, IE 브라우저타 브라우저(표준 브라우저(파폭, 사파리, 크롬))와 달리, 몇 가지 Element(Tbody, Table, HTML, COL 등)들의 메커니즘이 읽기 전용으로 되어있으며, 

그 엘리먼트들은 다른 엘리먼트와 달리 innerHTML 속성을 통해 사용자가 할당하려는 특정 HTMLString이 할당되지 않는다는 말이다.(하지만 jQuery.html(HTMLString) 메서드 사용 시 (IE / 비IE) 모두 완벽히 처리된다.)


하지만 현재 작성 중인 JS가 JQuery 라이브러리를 사용하지 않는 범위로 제작되고 있기에, 별도의 Html() 메서드를 따로 작성해야 했다.




아래는 별도로 작성된 Html() 메서드 소스이다.







prev 1 next