<g id= "hostgrouptest" > <rect id= "host3" x="28%" y="42.2%" width="7%" height="10%" fill="lightgray" stroke="black" stroke-width="1" rx="5" ry="2" onmouseover = "nodeovercommon(evt)" onmousedown="nodetransformdown(evt)" onmousemove="nodetransformmove(evt)" onmouseup = "nodetransformup(evt)" > </rect> <image id="server" x="28%" y="42.2%" width="15" height="20" xlink:href="Server.png"/> </g> Code: function nodetransformmove(evt) { var thenode = evt.target.parentNode.getAttribute("id"); //µÃµ½¸¸½Úµã var parentnode = evt.target.ownerDocument.getElementById(thenode); alert("parentnode"+parentnode.childNodes.length); } why parentnode.childNodes.length is 5, I think it should be 2, who can explain for me? -- Çë²éÊÕ£¬Ð»Ð» ------------- ÁõÃ÷¹ó
hello Img, pleae aleart all the childnodes so that you can come to know which all are the nodes. one reason might be that parent node might be poininting to some other element other than <g></g> Please alert("parentnode"+parentnode.childNodes[0]) to childnodes[4] Regards, ~VInu "lmg" wrote: > <g id= "hostgrouptest" > > <rect id= "host3" x="28%" y="42.2%" width="7%" height="10%" > fill="lightgray" stroke="black" stroke-width="1" rx="5" ry="2" > onmouseover = "nodeovercommon(evt)" onmousedown="nodetransformdown(evt)" > onmousemove="nodetransformmove(evt)" onmouseup = "nodetransformup(evt)" > > </rect> > <image id="server" x="28%" y="42.2%" width="15" height="20" > xlink:href="Server.png"/> > > </g> > > Code: > > function nodetransformmove(evt) > { var > thenode = evt.target.parentNode.getAttribute("id"); > //å¾å°ç¶èç¹ > var parentnode = evt.target.ownerDocument.getElementById(thenode); > alert("parentnode"+parentnode.childNodes.length); > } > why parentnode.childNodes.length is 5, I think it should be 2, who can > explain for me? > > > > > > > > -- > è¯·æ¥æ¶ï¼è°¢è°¢ > ------------- > åæè´µ > >