묻고답하기
테이블 내부에 테이블 넣기 질문입니다.
2013.04.02 17:35
안녕하세요? 초보개발자 야마돌끼라고합니다.
아래 동적테이블생성에 대해 질문했었는데요. 검색해봐도 알수가 없어 결국 타협점을 찾았지만
그 부분에서도 문제가 발생하여 이렇게 글을 올립니다.
아래의 소스는 버튼을 클릭하였을 때 행이 추가되는 스크립트입니다.
<script language="javascript">
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell3 = oRow.insertCell();
var oCell4 = oRow.insertCell();
oCell1.innerHTML = "<input type=text name=itemcode>";
oCell2.innerHTML = "<input type=text name=itemname>";
oCell3.innerHTML = "<input type=text name=itemnum>";
oCell4.innerHTML = "<input type=button value=" 삭제 " onClick="delRow()">";
}
function delRow() {
dyntbl1.deleteRow(dyntbl1.clickedRowIndex);
}
</script>
빨갛게 표시 된 부분을 보면 이너html 로 input을 넣습니다.
oCell1.innerHTML = "<input type=text name=itemcode>";
하지만 제가 저 자리에 넣고싶은것은 테이블 입니다.
input 대신 테이블을 넣으면 되지 않더군요.. 넣을 수 있는 방법이 있을까요?
혹은 input으로 테이블을 넣는 방법이 있을까요?
읽어주셔서 감사합니다.
부탁드리겠습니다 ㅠ (--)(__)
