有IHTMLDocument2怎么样控制里面内容单击

问题： 有IHTMLDocument2怎么样控制里面内容单击
描述:

<DIV id=dtop>
<DIV id=dleft></DIV>
<DIV id=dright><A href="http://www.es86.com" target=_blank>官方网站</A></DIV></DIV>
<DIV id=dn>
<UL>
<LI><A href="$dhcx">电话查询</A> </LI>
<LI><A href="$swcx">事务查询</A> </LI></UL></DIV>
<DIV style="CLEAR: both"></DIV>
<DIV id=dfrm>
<DIV id=dnav><IMG border=0 src="img/nav.jpg" useMap=#Map> <MAP name=Map><AREA title=退换登记 href="$thdj" shape=rect coords=188,258,251,331><AREA title=审核确认 href="$shqr" shape=rect coords=600,137,663,210><AREA title=跟踪处理 href="$gzcl" shape=rect coords=460,137,523,210><AREA title=事务登记 href="$swdj" shape=rect coords=324,137,387,210><AREA title=电话受理 href="$dhsl" shape=rect coords=188,137,251,210><AREA title=订购登记 href="$dgdj" shape=rect coords=188,15,251,88></MAP></DIV></DIV>
<DIV style="CLEAR: both"></DIV>
<DIV style="POSITION: absolute; BOTTOM: 0px; LEFT: 0px">
<DIV id=llf></DIV>
<DIV id=lrg></DIV></DIV>
<STYLE type=text/css>
*{
padding:0; margin:0;
}
a{
font-size:12px;
text-decoration:none;
}
#dtop a{
color:#fff;
padding-left:20px;
background:url(img/li1.gif) no-repeat;
}
a:hover{
color:#ff6400;
text-decoration:underline;
}
#dtop{
width:100%;
height:50px;
background:url(img/tbg1.jpg) repeat-x;
}
#dleft{
float:left;
height:50px;
width:194px;
background:url(img/tbg2.jpg) no-repeat;
}
#dright{
float:right;
margin:30px 10px 0 0;
}
ul{list-style:none;}
#dn{
width:130px;
float:right;
margin-top:15px;
}
#dn ul{ margin-left:10px;}
#dn a{
color:#036;
padding-bottom:5px;
}
#dn li{
background:url(img/li2.jpg) no-repeat left bottom;
padding-left:35px;
height:25px;
}
#dfrm{text-align:center;}
#dnav{margin:0 auto;}
#llf{
float:left;
height:108px;
width:538px;
background:url(img/tbg3.jpg) no-repeat;
}
#lrg{
float:right;
height:108px;
width:176px;
}
</STYLE>
</SCRIPT>
<SCRIPT language=JavaScript>
document. /> document. /> </SCRIPT>
怎么样控制><AREA title=订购登记 href="$dgdj" shape=rect coords=188,15,251,88》这个。自动。单击，