insertRow,insertCell,createElement,innerHTML > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

insertRow,insertCell,createElement,innerHTML 정보

HTML insertRow,insertCell,createElement,innerHTML

본문

insertRow,insertCell,createElement,innerHTML 을 사용하시면 됩니다.

 

예제입니다.

 

<html>
<head>
<script>
function myAdd() {
  var tab=document.all.mytable;
  var row=tab.insertRow();
  var col=row.insertCell();
  var inp=document.createElement("input");
  inp.type="text";
  col.innerHTML=inp.outerHTML;
}
</script>
</head>
<body>
<input type=button value=add onclick=myAdd()>
<table id=mytable border=1></table>
</body>
</html>


 

 

답변 내용 추가

 

맞습니다.

inp.name="test";

형태로 하시면 됩니다.

name이 같게 여러개를 주면 배열로 보시고 null확인 등의 작업을 하시면 됩니다.

 

예)

if (typeof(document.formname.test.length)=="undefined") {
  if (document.formname.test.value=="") {
    alert("test값이 null입니다");
    document.formname.test.focus();
  }
} else {
  for (var i=0; i<document.formname.test.length; i++) {
    if (document.formname.test[i].value=="") {
      alert((i+1)+"번째 test값이 null입니다");
      document.formname.test[i].focus();
      break; //혹은 함수면 return;
    }
  }
}

 

혹은 애초에 name속성에 일련번호등을 붙여 값을 다르게 주는 방법도 있겠습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0

댓글 2개

주제랑은 좀 틀린거 같은데.... ㅡㅡ^

name 값을 'test[]' 주고
document.getElementsByName('test[]') 로 접근하시길 권장한다고 하네요..? 누가? 음.......
ex)
var str_var = document.getElementsByName('test[]');

for(i=0;i<str_var.length;i++) {
alert(str_var[i].value);
}
전체 797
퍼블리셔팁 내용 검색 HTML에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT