JS技术

nextSibling为何无效_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-10-01 08:23 我要评论( )

nextSibling为何无效,学习nextSibling为何无效,nextSibling为何无效,查看nextSibling为何无效,如何由参数what得到值教程网3月25日整理在学习JS中,这个问

如何由参数what得到值

教程网3月25日整理

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<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教程/编

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评