基于层次结构的Javascript获取节点innertext

我的HTML看起来像

<li value="0">
 <a href="#">
 <span>DATA TO GET</span><![if gt IE 6]>
 </a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 <ul>
 <li value="0">
 <a onclick="return showPane('SomePane',this)" href="#">ACTIVE NODE</a>
 </li>
 </ul>

这里变量activeTab被传递给包含文本活动节点的锚。第一个警报提供正确的数据，即活动节点，但第二个警报显示未定义

我想我正在寻找正确的路径和正确的元素。有人能指出这里有什么问题吗？我还能做些什么来获得所需的数据

---

提前感谢。

尝试使用

firstChild

而不是

childNode

：

var nameParent =  activeTab.parentNode.parentNode.previousSibling;
window.alert(nameParent.firstChild.innerHTML);

试试这个

var nameParent =  activeTab.parentNode.parentNode;
window.alert(activeTab.innerHTML);
window.alert(nameParent.parentNode.children[0].children[0].innerHTML);

我强烈建议在项目中使用jQuery，它提供了在dom元素之间轻松导航的方法，如 .find（）和.children（），.parent以获取更可读的代码

谢谢

var nameParent =  activeTab.parentNode.parentNode;
window.alert(activeTab.innerHTML);
window.alert(nameParent.parentNode.children[0].children[0].innerHTML);