javascript怎么获得当前元素的前一个元素（）
日期：2014-05-18 浏览次数：20753 次
javascript如何获得当前元素的前一个元素（在线等）
当点击一个页面元素（比如一个按钮），当我把他移除时如何让焦点自动移到他前一个元素上，当我再点删除时删除的是获得焦点的这个元素，然后焦点再移到删除元素的前一个元素上。
搞了一下午都没想出好办法，哪位指点一下，谢谢。
------解决方案--------------------
我觉得可以这样，把每个你可能进行删除操作的组件的id属性用数字表示，比如第一个button的id用1，第二个就用2，然后在你要删除组件时，获得这个组件的id，那么他上一个组件的id就是id-1，下一个就是id+1，然后用document.getElementById(id)就可以获得这个组件，然后给它焦点就可以了，不知道这样可以不。
------解决方案--------------------
这个？
<script type= "text/javascript ">
<!-- edit by stefli
function checkPre(id) {
var o = document.getElementById(id);
var oPre = o.previousSibling;
var oNext = o.nextSibling;
var oParent = o.parentNode;
var oChild = o.children[0];
alert( "Current:\n " + o.innerHTML);
alert( "Previous:\n " + oPre.innerHTML);
alert( "Next:\n " + oNext.innerHTML);
alert( "Parent:\n " + oParent.innerHTML);
alert( "Child:\n " + oChild.innerHTML);
}
//-->
</script>
<div id= "parent ">
<div id= "first "> 1 </div>
<div id= "second "> 2 <div id= "child "> child </div> </div>
<div id= "third "> 3 </div>
</div>
<input type= "button " value= "checkPre( 'second ') " onclick= "checkPre( 'second '); ">
------解决方案--------------------
啊，xulipeng() ( ) 说的对，确实存在这个问题，那就这样，你把所有想删除的组件的name统一，比如都叫delComp，你就可以通过getElementsByName( 'delComp ')来获得所有备删除组件数组，然后确定你要删除的组件在数组中的位置，从而可以获得与他相邻的组件，这样好一些吧～不过javascript中没有提供数组的indexof方法，所以或者自己定义一下，或者用点笨方法，遍历它们，然后根据各自的id属性来唯一标识，确定要删除的组件在数组中的位置，从而获得它的邻居。
以下是从网上查到的自定义的数组操作函数
<html>
<head>
<title> Extend JavaScript Array Method </title>
<script language= "javascript ">
<!--
Array.prototype.indexOf=function(substr,start){
var ta,rt,d= '\0 ';
if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}
var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d);
if(t==-1)return -1;rt+=str.slice(0,t).replace(/[^\0]/g, ' ').length;
return rt;
}
Array.prototype.lastIndexOf=function(substr,start){
var ta,rt,d= '\0 ';
if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}
ta=ta.reverse();var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d);
if(t==-1)return -1;rt+=str.slice(t).replace(/[^\0]/g, ' ').length-2;
return rt;
}
Array.prototype.replace=function(reg,rpby){
var ta=this.slice(0),d= '\0 ';
var str=ta.join(d);str=str.replace(reg,rpby);
return str.split(d);
}
Array.prototype.search=function(reg){
var ta=this.slice(0),d= '\0 ',str=d+ta.join(d)+d,regstr=reg.toString();
reg=new RegExp(regstr.replace(/\/((.|\n)+)\/.*/g, '\\0$1\\0 '),regstr.slice(regstr.lastIndexOf( '/ ')+1));
t=str.search(reg);if(t==-1)return -1;return str.slice(0,t).replace(/[^\0]/g, ' ').length;
}
window.onload=function(){
var a=new Array( 'aa1321321 ', 'b4323424b ', 'cc345345 ', 'dd4654 ', 'dd4654 ', 'b4323424b ');
document.getElementById( 't1 ').value=a.toString();
document.getElementById( 't2 ').value=a.indexOf( 'cc345345 ');
document.getElementById( 't3 ').value=a.lastIndexOf( 'dd4654 ');
document.getElementById( 't4 ').value=a.replace(/\d/g, '* ');
document.getElementById( 't5
当点击一个页面元素（比如一个按钮），当我把他移除时如何让焦点自动移到他前一个元素上，当我再点删除时删除的是获得焦点的这个元素，然后焦点再移到删除元素的前一个元素上。
搞了一下午都没想出好办法，哪位指点一下，谢谢。
------解决方案--------------------
我觉得可以这样，把每个你可能进行删除操作的组件的id属性用数字表示，比如第一个button的id用1，第二个就用2，然后在你要删除组件时，获得这个组件的id，那么他上一个组件的id就是id-1，下一个就是id+1，然后用document.getElementById(id)就可以获得这个组件，然后给它焦点就可以了，不知道这样可以不。
------解决方案--------------------
这个？
<script type= "text/javascript ">
<!-- edit by stefli
function checkPre(id) {
var o = document.getElementById(id);
var oPre = o.previousSibling;
var oNext = o.nextSibling;
var oParent = o.parentNode;
var oChild = o.children[0];
alert( "Current:\n " + o.innerHTML);
alert( "Previous:\n " + oPre.innerHTML);
alert( "Next:\n " + oNext.innerHTML);
alert( "Parent:\n " + oParent.innerHTML);
alert( "Child:\n " + oChild.innerHTML);
}
//-->
</script>
<div id= "parent ">
<div id= "first "> 1 </div>
<div id= "second "> 2 <div id= "child "> child </div> </div>
<div id= "third "> 3 </div>
</div>
<input type= "button " value= "checkPre( 'second ') " onclick= "checkPre( 'second '); ">
------解决方案--------------------
啊，xulipeng() ( ) 说的对，确实存在这个问题，那就这样，你把所有想删除的组件的name统一，比如都叫delComp，你就可以通过getElementsByName( 'delComp ')来获得所有备删除组件数组，然后确定你要删除的组件在数组中的位置，从而可以获得与他相邻的组件，这样好一些吧～不过javascript中没有提供数组的indexof方法，所以或者自己定义一下，或者用点笨方法，遍历它们，然后根据各自的id属性来唯一标识，确定要删除的组件在数组中的位置，从而获得它的邻居。
以下是从网上查到的自定义的数组操作函数
<html>
<head>
<title> Extend JavaScript Array Method </title>
<script language= "javascript ">
<!--
Array.prototype.indexOf=function(substr,start){
var ta,rt,d= '\0 ';
if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}
var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d);
if(t==-1)return -1;rt+=str.slice(0,t).replace(/[^\0]/g, ' ').length;
return rt;
}
Array.prototype.lastIndexOf=function(substr,start){
var ta,rt,d= '\0 ';
if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}
ta=ta.reverse();var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d);
if(t==-1)return -1;rt+=str.slice(t).replace(/[^\0]/g, ' ').length-2;
return rt;
}
Array.prototype.replace=function(reg,rpby){
var ta=this.slice(0),d= '\0 ';
var str=ta.join(d);str=str.replace(reg,rpby);
return str.split(d);
}
Array.prototype.search=function(reg){
var ta=this.slice(0),d= '\0 ',str=d+ta.join(d)+d,regstr=reg.toString();
reg=new RegExp(regstr.replace(/\/((.|\n)+)\/.*/g, '\\0$1\\0 '),regstr.slice(regstr.lastIndexOf( '/ ')+1));
t=str.search(reg);if(t==-1)return -1;return str.slice(0,t).replace(/[^\0]/g, ' ').length;
}
window.onload=function(){
var a=new Array( 'aa1321321 ', 'b4323424b ', 'cc345345 ', 'dd4654 ', 'dd4654 ', 'b4323424b ');
document.getElementById( 't1 ').value=a.toString();
document.getElementById( 't2 ').value=a.indexOf( 'cc345345 ');
document.getElementById( 't3 ').value=a.lastIndexOf( 'dd4654 ');
document.getElementById( 't4 ').value=a.replace(/\d/g, '* ');
document.getElementById( 't5
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
