항목이나 제목을 클릭하면 값이 바뀐다.

<STYLE>dl.samp dt, dl.samp dd{border:solid 1 blue;padding;3;background:ffc}</STYLE>
<SCRIPT>
function doChanget(obj){
  TextNodeObj=document.createTextNode('새로운 데이터');
  obj.firstChild.replaceNode(TextNodeObj);
  showA.innerHTML='<'+obj.nodeName+' id='+obj.id+'>  nodeValue='+obj.firstChild.nodeValue;
}
</SCRIPT>
<DL id=dlObj class=samp>
<DT id=dt1 onclick='doChanget(this)'>항목  제목 1
<DD id=dd1 onclick='doChanget(this)'>항목 내용 1
<DT id=dt2 onclick='doChanget(this)'>항목  제목 2
<DD id=dd2 onclick='doChanget(this)'>항목 내용 2
<DT id=dt3 onclick='doChanget(this)'>항목  제목 3
<DD id=dd3 onclick='doChanget(this)'>항목  내용 3
</DL>
<BUTTON onclick="doChanget(dlObj.firstChild);this.disabled=true">첫 항목 제목을 변경시킨다.</BUTTON>
<DIV id=showA>결과 표시창</DIV>