Internet Explorer, Firefox 의 innerHTML 문제

2008년 4월 24일

← 목록으로
<div id="recommand_tags">
  <ul>
  <?php foreach($recommand_tags as $t => $tag) : ?>
    <li><?=$tag->name?></li>
  <?php endforeach; ?>
  </ul>
</div>

input field 에 “추천태그” 를 마우스 클릭으로 삽입하는 기능

attached

input field 하단의 “추천 태그”를 클릭시에 태그가 삽입되는 UI인데, 클릭시마다 empty space 가 하나씩 붙어서 삽입된다. Internet explorer 7 에서 마우스 클릭 이벤트 발생시에 해당 event.target.innerHTML 을 가져오는 부분에서 항상 뒷부분에 공백이 하나 들어갔다.

<div id="recommand_tags"><ul><?php foreach($recommand_tags as $t => $tag) : ?><li><?=$tag->name?></li><?php endforeach; ?></ul></div>

이렇게 한줄로 코딩을 해야 empty space 없음.

관련문서 : http://developer.mozilla.org/ko/docs/Migrate\_apps\_from\_Internet\_Explorer\_to\_Mozilla

ENKO