在jsp中如何使用js获取<% %>动态添加的标签对象？

<%
out.print("<div name=\"divPro\">");
out.print("</div>");
out.print("<div name=\"divPro\">");
out.print("</div>");

out.print("<div name=\"divPro\">");
out.print("</div>");

out.print("<div name=\"divPro\">");
out.print("</div>");

%>
<script type="text/javascript">
function show(){
var names = document.getElementsByName("divPro");
alert(names);//显示object说明确实取得对象了
alert(names.length);//这里却显示0说明names数组中没有元素
}
</script>

请问这是怎么回事，还请高手帮忙解决！
一楼的很感谢你的回答，但是你并没有回答我所要的答案。。。是我没写清楚，是我的错！现在补充一点：页面中有很多很多的代码，以上所给出的只是众多代码中的一小块，直接用document.getElementsByName("divPro"); 来获取根本就得不到name="divPro"的DIV对象！（

我们访问一个jsp页面时，运行简单示意图如下

先执行jsp程序 --- 》再执行HTML 和 JavaScript

我看一下程序

<%
out.print("<div name=\"divPro\">");
out.print("</div>");
out.print("<div name=\"divPro\">");
out.print("</div>");

out.print("<div name=\"divPro\">");
out.print("</div>");

out.print("<div name=\"divPro\">");
out.print("</div>");

%>
这一段执行之后 页面中多了 4行代码
<div name="divPro"></div>
<div name="divPro"></div>
<div name="divPro"></div>
<div name="divPro"></div>
<script type="text/javascript">
function show(){
var names = document.getElementsByName("divPro");