Chinaunix首页 | 论坛 | 博客
  • 博客访问: 485942
  • 博文数量: 226
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2111
  • 用 户 组: 普通用户
  • 注册时间: 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文(226)

文章存档

2020年(2)

2019年(1)

2018年(3)

2017年(26)

2016年(57)

2015年(60)

2014年(77)

我的朋友

分类: Web开发

2014-12-01 09:07:39

    在JavaScript中,使用childNodes属性可以返回一个数组,这个数组包含给定元素节点的全体子节点, 如果要取得id为action的ul的第一个li内的文本节点(如取得:第一个),可以使 用…childNodes[1].childNodes[0].nodeValue这种方法找到,使 用…childNodes[1].firstChild.nodeValue同样可以找到第一个li的文本节点, 结论childNodes[0]等价于firstChild,无论何时何地,重要需要访问childNodes[]数组的第一个元素,我们就可以把它写成firstChild,DOM还提供一个与之对应的lastChild属性。 需要注意的是,ff的空格节点问题,可以使用nodeType属性对节点类型判断,直到发现元素节点为止。
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. </head>
  7. <body>
  8. <ul id="action">
  9.     <li title="第一段文字">第一个</li>
  10.     <li title="第二段文字">第二个</li>
  11. </ul>
  12. <script type="text/javascript">
  13. var attr_p = document.getElementById("action");
  14. alert(attr_p.childNodes[1].childNodes[0].nodeValue);
  15. alert(attr_p.childNodes[1].firstChild.nodeValue);
  16. alert(attr_p.childNodes[1].lastChild.nodeValue);
  17. </script>
  18. </body
  19. </html>
阅读(748) | 评论(0) | 转发(0) |
0

上一篇:AJAX跨域HTTP请求

下一篇:jQuery可编辑表格

给主人留下些什么吧!~~