html - anchors.length in javascript is not working properly -

This is a very strange situation for me, but anchor. The length gives only the total number of anchors when I put the script after all the anchor tags and when I put it in front of all the anchors that it gives zero ... so I did this, but now the function lngt () the length of the anchor Please do not help me please. I

here is my code

  & lt; Div class = "box" & gt; & Lt; Script & gt; else; Na = LNGT (); {Txt = document.anchors [i] for (I = 0; i & lt; na; i ++). WinnerHTML; Lnk = document.anchors [i] .name; Document.write ("& lt; a href = '#" + lnk + "'>" + + txt + "& lt; / a & gt; & lt; / br & gt;"); } & Lt; / Script & gt; & Lt; / Div & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; One name = "A" & gt; Anchor 1 & lt; / A & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; A name = "b" & gt; Anchor 2 & lt; / A & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; A name = "c" & gt; Anchor 3 & lt; / A & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; A name = "d" & gt; Anchor 4 & lt; / A & gt; & Lt; Br / & gt; & Lt; Script & gt; Function lngt () {var nc = document.anchors.length; Return nc; } & Lt; / Script & gt;   
 When I finally corrected my work with both scripts: / thanks in advance :)   
 
 tag  code  after your HTML elements.)  
 Use  innerHTML to place new elements in your page    
   & lt; Script & gt; Window.onload = function () {var anchors = document.anchors; Var toc = document.getElementById ('toc'); (Var i = 0, l = anchors.length; i & lt; l; i ++) {toc.inner HTML + = '& lt; Div & gt; & Lt; A href = "# '+ Anchor [i] .name +'" & gt; '+ Anchor [i]. WinnerHTML + '& lt; / A & gt; & Lt; / Div & gt; '; }}; & Lt; / Script & gt; & Lt; Div id = "toc" & gt; & Lt; / Div & gt; & Lt; One name = "A" & gt; Anchor 1 & lt; / A & gt; & Lt; A name = "b" & gt; Anchor 2 & lt; / A & gt; & Lt; A name = "c" & gt; Anchor 3 & lt; / A & gt; & Lt; A name = "d" & gt; Anchor 4 & lt; / A & gt;