从父节点检索子节点

zan*_*tet 0 html javascript

我用html创建了一个文档.我想从根节点检索子节点,因为我正在使用以下代码...

那就是HTML.

<a id="Main1" onclick="RetrieveElement(this);">Test1
<div name="Top1">
</div>
<div name="Middle1">
I'm Middle.
</div>
<div name="Bottom1">
</div>
</a>
<a id="Main2" onclick="RetrieveElement(this);">Test2
<div name="Top1">
</div>
<div name="Middle1">
I'm Middle.
</div>
<div name="Bottom1">
</div>
</a>
Run Code Online (Sandbox Code Playgroud)

JavaScript的.

function RetrieveElement(element){
alert(this.getElementByName("Middle1").innerHTML);
}
Run Code Online (Sandbox Code Playgroud)

但是,这不起作用.我试过找到问题但是无法解决它......有什么帮助吗?

Hem*_*lia 5

如果您只想获取第一个子元素:

var element = document.getElementById('Main1').children[0];
Run Code Online (Sandbox Code Playgroud)

如果你想获得第一个锚元素:

 var element = document.getElementById('Main1').getElementById('Middle1');
Run Code Online (Sandbox Code Playgroud)