걸럼의 갯수를 반환하거나 설정한다.

인수
: (속성 정수값)
속성값은 확장된 컬럼이나 컬럼 구룹의 컬럼 갯수를 나타내는 정수값이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

colGroup 엘레멘트와 col 엘레멘트들이 한개 이상 포함된 colGroup에서는 span 속성이 무시된다.
span 속성은 컬럼들을 col 개체들 없이 구룹지우는데 편리하다.

적용
개체scriptHTML규격IE
참고

이 속성은 HTML 4.0과 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.


구룹 1 컬럼 1 줄 1 칸 1 구룹 1 컬럼 2 줄 1 칸 2 구룹 2 컬럼 1 줄 1 칸 1 구룹 2 컬럼 2 줄 1 칸 2
구룹 1 컬럼 1 줄 2 칸 2 구룹 1 컬럼 2 줄 2 칸 2 구룹 2 컬럼 1 줄 2 칸 2 구룹 2 컬럼 2 줄 2 칸 2
구룹 1 컬럼 1 줄 3 칸 2 구룹 1 컬럼 2 줄 3 칸 2 구룹 2 컬럼 1 줄 3 칸 2 구룹 2 컬럼 2 줄 3 칸 2 
<TABLE id=tableObj border width=650 style=font-size:90%;>
<COLGROUP span=2 bgcolor=#ffeeee>
<COL>
<COL>
</COLGROUP>
<COL span=2 bgcolor=#eeeeff>
<TBODY>
<TR>
<TD>구룹 1 컬럼 1 줄 1 칸 1</TD>
<TD>구룹 1 컬럼 2 줄 1 칸 2</TD>
<TD>구룹 2 컬럼 1 줄 1 칸 1</TD>
<TD>구룹 2 컬럼 2 줄 1 칸 2</TD>
</TR>
<TR>
<TD>구룹 1 컬럼 1 줄 2 칸 2</TD>
<TD>구룹 1 컬럼 2 줄 2  칸 2</TD>
<TD>구룹 2 컬럼 1 줄 2  칸 2</TD>
<TD>구룹 2 컬럼 2 줄 2  칸 2</TD>
</TR>
<TR>
<TD>구룹 1 컬럼 1 줄 3  칸 2</TD>
<TD>구룹 1 컬럼 2 줄 3  칸 2</TD>
<TD>구룹 2 컬럼 1 줄 3  칸 2</TD>
<TD>구룹 2 컬럼 2 줄 3  칸 2</TD>
</TR>
</TABLE>
<SCRIPT>
str='tableObj.rows.length='+tableObj.rows.length+'<BR>';
str+='tableObj.rows[0].cells.length='+tableObj.rows[0].cells.length+'<BR>';
for (i=0;i< tableObj.all.length;i++){
  if (tableObj.all[i].span){
    str+='tableObj.all['+i+'].nodeName='+tableObj.all[i].nodeName+' ';
    str+='span='+tableObj.all[i].span+'<BR>';
  }
}
document.write(str);
</SCRIPT>