JS如何获取指定对象下面的表单元素的值,见代码!

Question

<div id="aaa">
<div id="bbb" style="background:#ff0000">
a：<input type="text" id="a" name="a" />
b：<input type="text" id="b" name="b" />
</div>
<br><br>
<div id="ccc" style="background:#008800">
a：<input type="text" id="a" name="a" />
b：<input type="text" id="b" name="b" />
</div>
</div>
<input name="get" type="button" id="get" value="获取元素aaa中的bbb下面的input名称为a的值" onclick="getA()">
<input name="get" type="button" id="get" value="获取元素aaa中的ccc下面的input名称为b的值" onclick="getB()">
<script>
function getA(){
alert(document.getElementById("aaa").document.getElementById("bbb").document.getElementById("a").value)
}
function getB(){
alert(document.getElementById("aaa").document.getElementById("ccc").document.getElementById("b").value)
}
</script>

以上这段代码只是一个简单的测试,执行不通过,当然我自己可以通过Dom的childNodes来获取得到,但问题是相当的麻烦!
肯请高手出招!在线等答案!
另:必须兼容FF,OPERA等主流浏览器,问题解决,追加100分!

*******************************************************************************

自己已经解决了,只不过稍微有点不理想,期待各位高手的最佳答案!

Answer 1

document.getElementById("aaa").getElemenentsByTagName("input")
这样是所有input的集合.如果没有其他类型的话(比如type=button),这样就可以了.

追问

我已经基本解决了,感谢你的回答,我的方法如下:

document.getElementById("bbb").getElemenentsByTagName("input")["a"].value;
document.getElementById("ccc").getElemenentsByTagName("input")["b"].value;

但我总是感觉这样不太理想,因为并没有达到我的要求,.主要是不知道有多少层!

追答

那你就只能获取最外层aaa下的所有input
如果每个子层的input的数量都一样,就很好解决.
你也可以这样
获取所有aaa下的input
取第一个input,找他的父层,记录id
然后后面每取一个input就找下他的父层,如何和初始id一直,就说明还在一个层下
如果不一致,就说明换了一个子层.
这样即使每个层下的input的数量不一致也能掌握了.

追问

以input的ID来记录这不行啊,因为我的input的名称都是一样的!反正很麻烦!

见楼下的代码,你就懂得!

追答

你怎么没看明白啊.
是父层的id

追问

我理解你的说法了,如果单独的DIV好处理,但问题是我的还用到了表格,因此,在单元格之中要取父亲的ID,只有parentNote.parentNote..parentNote这样才能取得,说了一半天就是页面的HTML代码不规则!

追答

这只是按你的要求来的.你为什么要这么做呢?
话说你再追问就该另外收财富了...

追问

非常感觉你的回答,财富值无所谓的,交流心得与技术也是我的财富啊,我的财富值有1万多呢,哈哈!

因为这程序是做一个值班系统,在提交之前要通过JS获取并处理好放在一个隐藏的表单之中,然后提交到服务端的,

Answer 2

不知道楼主的不知道有多少层是什么意思？

追问

我要获取aaa-bbb-ddd-eee中的a的值!

追答

如果你想获取aaa-bbb-ddd-eee下的a，让你传aaa,bbb,ddd,eee,a这五个参数，你能接受吗？

追问

这是通过循环传递的,当然能接受,但只要能准确的获取该值,哪怕再复杂我也能接受!