节点问题

ivan666999 2015-12-31 11:01:44
<script type="text/javascript">
function getNodeByLevel(){
var tabNode = document.getElementById("tabid");

var nodes = tabNode.childNodes;
alert(nodes[0].childNodes[0].nodeName);

}
</script>
<input type="button" value="通过节点层次关系获取节点" onclick="getNodeByLevel()" />

<div>div区域</div>
<span>span区域</span>
<table id="tabid">
<tr>
<td>单元格一</td>
<td>单元格二</td>
</tr>
</table>
<span>span区域11</span>
<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
</dl>
<a href=''>一个超链接</a>
...全文
109 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
ivan666999 2016-01-01
  • 打赏
  • 举报
回复
而且还有像 var node = tabNode.previousSibling; alert(node.nodeName); 或者 var nodes = tabNode.childNodes; alert(nodes[0].nodeName); 为什么都是打印#test,而不是文本名呢,谢谢了!
ivan666999 2016-01-01
  • 打赏
  • 举报
回复
谢谢了,请问下为什么不是打印文本名 div呢
天际的海浪 2015-12-31
  • 打赏
  • 举报
回复
因为你第一个节点是“文本节点” alert(nodes[0].nodeName);输出#text

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧