如何由参数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教程/编