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];

如果你想得到第一个锚元素：

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

Answer 2

getElementById是Document的一种方法，而不是Element。试试这个：

<script type="text/javascript">
    function RetrieveElement(element){
        window.alert(document.getElementById("Middle1").innerHTML);
    }

</script>

<a id="Main1" href="#" onclick="RetrieveElement(this);">Test1</a>
<div id="Top1">
</div>
<div id="Middle1">
    I'm Middle.
</div>
<div id="Bottom1">
</div>

Answer 3

你能使用jQuery吗？

就像this

一样简单

从父节点检索子节点

3 个答案: