스케치북
658
2020-08-13 09:16:42
1
172

버튼클릭시 테이블에 자동 행추가


<button onclick="btnAddRow(<%=getMasterCL1st.get(i).getCategory1() %>)"></button>

<script>
	function btnAddRow(var menu1st) {
		var tableData = document.getElementById('planTable');
		var row = tableData.insertRow(tableData.rows.length);
		
		var cell0 = row.insertCell(0);
		var cell1 = row.insertCell(1);
		var cell2 = row.insertCell(2);
		var cell3 = row.insertCell(3);
		var cell4 = row.insertCell(4);
		var cell5 = row.insertCell(5);
		var cell6 = row.insertCell(6);
		var cell7 = row.insertCell(7);
		var cell8 = row.insertCell(8);
		
		cell0.innerHTML="<td>여기에 변수 menu1st의 내용이 나오게 하고 싶어요.</td>";
		cell1.innerHTML="<td>2</td>";
		cell2.innerHTML="<td>3</td>";
		cell3.innerHTML="<td>4</td>";
		cell4.innerHTML="<td>5</td>";
		cell5.innerHTML="<td>6</td>";
		cell6.innerHTML="<td>7</td>";
		cell7.innerHTML="<td>8</td>";
		cell8.innerHTML="<td>9</td>";
	}
</script>


버튼 클릭시 스크립트가 실행되면서 지정된 테이블에 행을 자동으로 추가하려고 하는데요.

일단 행 자동 추가까지는 성공했는데요.

cell0.innerHTML="<td>여기에 변수 menu1st의 내용이 나오게 하고 싶어요.</td>";

이부분!! 여기 td 안에 버튼클릭시 인자로 보내준 값이 나오게 하려고 합니다.

innerHTML로 어떻게 해야 할까 싶은데.. 고수님들 부탁드립니다!

0
  • 답변 1

  • 초보개발자Lv1
    61
    2020-08-13 09:28:55
    제가 글을 잘 못 이해하고 있는걸까요.
    cell0.innerHTML="<td>"+menu1st+"<td>"
  • 로그인을 하시면 답변을 등록할 수 있습니다.