WEB开发网
开发学院网页设计JavaScript javascript 纠正previousSibling和nextSibling在I... 阅读

javascript 纠正previousSibling和nextSibling在IE和FF之间的差异

 2010-08-08 20:14:38 来源:WEB开发网   
核心提示:<BODY><div>aaaa</div><div>bbbb</div><div id="c">cccc</div><div>dddd</div><input type="bu

<BODY>
<div>aaaa</div>
<div>bbbb</div>

<div id="c">cccc</div>


<div>dddd</div>
<input type="button" value="获取上一节点" id="PRe">
<input type="button" value="获取下一节点" id="next">
<SCRipT LANGUAGE="javaScript">
<!--
  document.getElementById("pre").onclick=function(){
   var node=document.getElementById("c").previousSibling;
   while(node.nodeType!=1){
   node=node.previousSibling;
   if(!node) return null;
   };
   alert(node.innerHTML);
   return node;
  }

  document.getElementById("next").onclick=function(){
   var node=document.getElementById("c").nextSibling;
   while(node.nodeType!=1){
   node=node.nextSibling;
   if(!node) return null;
   };
   alert(node.innerHTML);
   return node;
  }
//-->
</SCRIPT>
</BODY>

主要是FF种会识别回车行换当作一个#TEXT节点 而IE不会!!

Tags:javascript 纠正 previousSibling

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接