개체에서 모든 애트리뷰트와 그 값들을 제거한다.

인수/파라메터

인수/파라메터는 없다.

반환값

반환값은 없다.

특기

clearAttributes 메서드는 사용자가 정의한 HTML 애트리뷰트들을 제거한다.
id, style, script-only 속성들은 영향을 받지 않는다.

적용
개체scriptIE
참조
mergeAttributes, (영문)DOM(W3C Document Object Model)

메서드 예제

tdObj
단추를 클릭해 보라.

이 예제는 clearAttributes 메서드를 사용하여 사용자가 정의한 추가된 attribute1, attribute2, myname 애트리뷰트를 제거하였다.

<SCRIPT>
function fnClear(){ tdObj.clearAttributes(); }
function showAttribs(bb){
  leng=tdObj.attributes.length;
  str='tdObj.attributes.length='+leng+'<BR>';
  for (i=0;i< leng;i++){
//    if ((i<10)||(i==40)||(i==73)||(i>(leng-6))) // 요약 보기
      str+=i+']'+tdObj.attributes[i].name+'=<FONT color=blue>'+tdObj.attributes[i].value+'</FONT><BR>';
  }
  if (bb) showB.innerHTML=str;
  else showA.innerHTML=str;
}
</SCRIPT>
<TABLE border=1>
<TR align=center>
<TD id="tdObj" attribute1="true" attribute2="true" myname="trio" onclick="alert('클릭했다.');" bgcolor="ffffaa"
  onmouseover="this.style.color='#0000FF';" onmouseout="this.style.color='#000000';"><B>tdObj</B></TD>
<TD><INPUT type="button" value="Clear Attributes" onclick="fnClear();showAttribs(1)"></TD>
</TR>
<TR>
<TD id=showA style=white-space:nowrap></TD>
<TD id=showB style=white-space:nowrap>단추를 클릭해 보라.</TD>
</TR>
</TABLE>
<SCRIPT>showAttribs(0)</SCRIPT>
</DIV>