javascript - 从父节点获取子节点

Question

我创建了一个 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>

javascript。

function RetrieveElement(element){
alert(this.getElementByName("Middle1").innerHTML);
}

但是，这不起作用。我尝试找到问题但无法解决...有帮助吗？

Answer 1

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

var element = document.getElementById('Main1').children[0];

如果你想获取第一个 anchor 元素:

 var element = document.getElementById('Main1').getElementById('Middle1');