예제의 개체를 클릭해 보라.

<STYLE>xmp {margin:0;padding:2}</STYLE>
<SCRIPT>
function copyHTML(obj){
  str='';
  str='목록의 '+ obj.id+'를 복사한다.<OL>';
  str+='<LI>obj.innerHTML='+obj.innerHTML+'<BR>';
  str+='<XMP>'+obj.innerHTML+'</XMP>';
  str+='<LI>obj.outerHTML='+obj.outerHTML+'<BR>';
  str+='<XMP>'+obj.outerHTML+'</XMP>';
  str+='<LI>obj.innerText='+obj.innerText+'<BR>';
  str+='<XMP>'+obj.innerText+'</XMP>';
  str+='<LI>obj.outerText='+obj.outerText+'<BR>';
  str+='<XMP>'+obj.outerText+'</XMP></OL>';
  showA.innerHTML=str;
}
</SCRIPT>
<UL>
<LI id=LI1 onclick="copyHTML(this)"><B style=color:red>B 문<SUP>자</SUP>열</B>
<LI id=LI2 onclick="copyHTML(this)"><FONT color=blue size=4>FONT 문자열</FONT>
<LI id=LI3 onclick="copyHTML(this)"><U style="font-family:궁서;font-size:150%">U 문자열</U>
</UL>
<SPAN id=S4 onclick="copyHTML(this)"><I id=i1" style="color:brown">i 문자열</I> 이다.</SPAN>
<DIV id="showA">결과 표시창</DIV>