본문 바로가기

web/HTML

동적 테이블 td 색상 칠하기(배경색)


script 소스

var table = document.getElementById("dynamic_table");
var newRow = table_menu.insertRow();

var td0= newRow.insertCell(0);
td0.style.cssText="font-size:9pt;color:#FF0000";  
var td1= newRow.insertCell(1); 
td1.style.cssText = "background-color:red"; 

td0.innerHTML = "<td rowspan=2 id=td1_menu >font</td>";
td1.innerHTML = "<input type =text value=background  size=8%  readonly  style=text-align:center;>"; 


html 소스
<table border="1" cellspacing="1" cellpadding="1" style="border-collapse:collapse ;" id="dynamic_table">
</table> 
 


 
 newRow.insertCell() 로 들어가는 변수에 해당하는 style.cssText 를 선언하여 집어 넣으면 된다.