[Question]IE 와 FF 의 DOM Tree 의 상이함으로 문제가 생겼습니다.

table 태그 사이에 form 태그를 껴넣는것은 정말 하고 싶지 않지만,
게시판 목록 처럼 나오고 한줄 한줄이 다른 폼일 경우 마땅한 대안이 없어서 그렇게 합니다.

즉
table
form
tr
td /td
/tr
/form
form
tr
td /td
/tr
/form
...
/table

이런식입니다.
각 input 항목에 이벤트를 걸어 다른 항목에 영향을 주도록 스크립트를 작성했는데,
각 이벤트마다 form id 를 넣어주려니 나중에 소스보기 했을때 흉하고,
태그에 너무 복잡하게 들어가서,
서버 스크립트의 도움 없이 자바스크립트 만으로 구성하려고

input 의 parent form 을 찾아내어
(tag.parentNode 를 따라가서 form 이 나올때 까지 루프)
다시 name 을 비교하게 해서 child 를 뽑아내게 작성했습니다.
문제는 FF 에서 위 예 같은 구조일 경우 form 태그가 input 의 직속 상위가 아니라는 것입니다.
DOM Inspector 로 보니 트리따라 올라가면 form 태그에 닿지 않습니다.
옆으로 비켜가네요.

전부터 문제를 인식하고 있었는데 이번에 개인 라이브러리를 정리하면서 다시 눈에 거슬려서 해결을 하고자 합니다.

행과 열을 딱 맞출 방법은 table 밖에 떠오르지 않습니다.
태그를 바꿀 다른 방법이나,
DOM Tree 를 맞출 방법이 있으면 조언 바랍니다.

감사합니다.