Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!nntp.club.cc.cmu.edu!micro-heart-of-gold.mit.edu!bloom-beacon.mit.edu!bloom-beacon.mit.edu!panix!not-for-mail From: gcf@panix.com (Gordon) Newsgroups: comp.lang.javascript Subject: Re: Question about appendChild using series of divs Date: Thu, 5 Feb 2015 18:02:40 +0000 (UTC) Organization: }"{ }"{ }"{ }"{ Lines: 35 Message-ID: References: NNTP-Posting-Host: panix3.panix.com X-Trace: reader1.panix.com 1423159360 9042 166.84.1.3 (5 Feb 2015 18:02:40 GMT) X-Complaints-To: abuse@panix.com NNTP-Posting-Date: Thu, 5 Feb 2015 18:02:40 +0000 (UTC) X-Newsreader: trn 4.0-test76 (Apr 2, 2001) Xref: csiph.com comp.lang.javascript:26805 JJ : > On 3 Feb 2015 14:24:13 -0500, Gordon wrote: > > > > While the page is up, if the user clicks on a link within > > one of the five divs, say 'C', another set of divs is similarly > > created, let us say 'c1', 'c2', 'c3', .... These I append > > to div 'C'. I want them to appear below 'C' and before 'D', > > but instead they display below 'E'. > > Check the DOM tree to make sure they're appended into the correct element. > If everything is fine, then the problem is due to CSS/formatting issue. e.g. > elements got wrapped due to fixed container width. > > > My questions are (1) Why, if appending after 'H' works > > as I expect, don't the other appendChild calls? and > > That really depends on the code that isn't provided. You should at least > debug your code and check the DOM tree after appendChild() function calls. > > > (2) How can I get the result I want? Note: I don't > > want to do the work of locating these items on the > > page by numerical coordinates, I want the browser to > > do that work, so the divs will respond to possible > > changes in the size for foregoing material. If > > possible. > > For Firefox, use the DOM Inspector (CTRL+SHIFT+I) or use the one from the > Firebug addon (recommended). Thanks. I mainly wanted to check my assumptions about the correspondence of the order of the divs in the display and the structure of the DOM tree.