论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

nextSibling为何无效

文章类别:Javascript | 发表日期:2010-3-25 16:04:17

如何由参数what得到值

21视频教程网3月25日整理

在学习JS中,这个问题搞得很郁闷,nextSibling是不是不受IE和FF的支持啊??望那位老大给解释一下。
或者搞个能获得指定节点的下一个兄弟节点的思路也行啊!要求能兼容FF.
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nextSibling如何使用?FF也不兼容?</title>
<style type="text/css">
 *{margin:0 auto;}
 p{width:50%;border:1px #c0c0c0 solid;font-size:12px;color:red;line-height:30px;padding-left:20px;}
 dd,ol,li{padding:0;list-style:none;}
 dt,li{width:50%;border:1px #c0c0c0 solid;margin:2px auto;font-size:12px;line-height:26px;height:26px;padding-left:20px;}
 li{text-indent:2em;color:red;}
 #item{color:green;}
</style>
</head>
<body>
<div id="div1">
<p>如何获得兄弟节点,头大啊!!请不要改变结构层,要求用唯一的一个ID来获取其下面的第一个兄弟节点的对象,要兼容FF,nextSibling不能用???</p>
  <dl>
    <dt>一级节点:第一项</dt>
    <dt>一级节点:第二项</dt>
    <dt id="item">一级节点:想获得这个dt的下一个兄弟节点dd该如何何办呢?</dt><dd>
      <ol>
        <li>二级节点:想获得dd的id值该怎么办呢?</li>
        <li>二级节点:想获得dd的id值该怎么办呢?</li>
        <li>二级节点:想获得dd的id值该怎么办呢?</li>
      </ol>
    </dd>
    <dt>一级节点:第四项</dt>
    <dt>一级节点:第五项</dt>
  </dl>
 </div>
<script type="text/javascript">
var div=document.getElementById("item");
var prexd=div.previousSibling;
var nextxd=div.nextSibling;
alert("文本框节点上一个兄弟节点值:"+prexd.childNodes[0].nodeValue+"   为什么在IE中可以获得,而在FF下完全无反应");
alert("文本框节点后一个兄弟节点值:"+nextxd.childNodes[0].nodeValue+"   为什么在IE中弹出为null,而在FF下完全无反应");
</script>
</body>
</html>
纠错
Firefox中 空白字符,比如回车,空格等也算作一个Node,你取得节点后 用 nodeType 判断一下!
JavaScript教程/编
上一篇:编译器的开发及心得 人气:2442
下一篇:jquery伸缩菜单 人气:3512
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058