와 문자열 <DIV> 밖의 <TD> 다른 내용

다른 <TD>

정상 Table TD DIV IMG

필터 표시창

<STYLE>
.butClass{width:100}
</STYLE>
<SCRIPT>
function showit(job){
  if(job==0){
    tbObj.filters[0].Enabled=false;
    tdObj.filters[0].Enabled=false;
    divObj.filters[0].Enabled=false;
    imgObj.filters[0].Enabled=false;
  } else if(job==1) change(tbObj);
  else if(job==3) change(tdObj);
  else if(job==4) change(divObj);
  else if(job==5) change(imgObj);

  str='';
  str+='tbObj.style.filter=Flip('+tbObj.filters[0].Enabled+')<BR>';
  str+='tdObj.style.filter=Flip('+tdObj.filters[0].Enabled+')<BR>';
  str+='divObj.style.filter=Flip('+divObj.filters[0].Enabled+')<BR>';
  str+='imgObj.style.filter=Flip('+imgObj.filters[0].Enabled+')<BR>';
  show.innerHTML=str;
}

function change(obj){
  if(obj.filters[0].Enabled) obj.filters[0].Enabled=false
  else obj.filters[0].Enabled=true
}
</SCRIPT>

<TABLE id=tbObj border=1 cellpadding=5 cellspacing=5 width=500 style="filter:FlipH(enabled=false)">
<TR>
<TD id=tdObj style="filter:FlipH(enabled=false);" bgcolor=aaaaff>
<DIV id="divObj" style="filter:FlipH(enabled=false);
 background:ffa;font-size:40;width:400;line-height:1.2em;font-weight:bold;color:blue;">
<IMG src="http://trio.co.kr/gif/triov.jpg" id="imgObj" style="filter:FlipH(enabled=false)">와 문자열</DIV>
<DIV> 밖의 <TD> 다른 내용</TD>
<TD bgcolor=aaffaa>다른 <TD></TD>
</TR>
</TABLE>

<BUTTON onClick="showit(0)" class="butClass">정상</BUTTON>
<BUTTON onClick="showit(1)" class="butClass">Table</BUTTON>
<BUTTON onClick="showit(3)" class="butClass">TD</BUTTON>
<BUTTON onClick="showit(4)" class="butClass">DIV</BUTTON>
<BUTTON onClick="showit(5)" class="butClass">IMG</BUTTON>
<DIV id=show style="width:500;height:85;border:solid 1 blue;padding:3">필터 표시창</DIV>