基于位置的Javascript元素获取元素节点

不如使用jQuery这样的JavaScript库,它允许您在getElementById的insead中编写类似CSS选择器的语法,并且还有一些有用的helper方法,比如parent()。

http://jquery.com/

这里有一个令人难以置信的解决这个问题的方法:与其尝试获取当前节点,不如创建一个具有任意ID的新节点,然后在完成后删除它。

<div id="foo">
<span id = "bar">456</span>
<script type="text/javascript">
    document.write('<span id = "bfrogtmp"></span>');
    var y = document.getElementById("bfrogtmp");
    document.write(y.parentNode.children['bar'].innerHTML);
    y.parentNode.removeChild(y);
</script>
</div>

<hr>

<div id="foo">
<span id = "bar">123</span>
<script type="text/javascript">
    document.write('<span id = "bfrogtmp"></span>');
    var y = document.getElementById("bfrogtmp");
    document.write(y.parentNode.children['bar'].innerHTML);
    y.parentNode.removeChild(y);
</script>
</div>