Dom中的nextSibling属性

xj150145223 2009-12-11 08:41:39



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

    <script type="text/javascript">

   function  window.onload(){

    var doc=document.getElementById("b1");

    alert(doc);             //[object HTMLIputElement]

    alert(doc.nextSibling); //[object Text]

    }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <input type="button" id="b1"  value="1"/>

    <input type="button" id="b2"  value="2"/>

    </div>

    </form>

</body>

</html>

//用nextSibling属性无法获得<input type="button" id="b2" value="2"/>
属性，如果想用兄弟节点获得<input type="button" id="b2" value="2"/>元素，该怎么做

...全文

114 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

sohighthesky 2009-12-11

打赏
举报

var next=function(obj) {

 if(obj.nextElementSibling)

   return obj.nextElementSibling;

return obj.nextSibling;

}

xj150145223 2009-12-11

打赏
举报

你那个代码提示死循环，能优化下么

fengsky491 2009-12-11

打赏
举报

不好意思说反了，是在FF等非IE浏览器中，空格换行也是节点
IE中会忽略掉这些的，doc.nextSibling代表的就是button2
[Quote=引用 1 楼 fengsky491 的回复:]
FF中空格换行也是节点doc.nextSibling，在FF中表示的是2个button中的换行
[/Quote]

fengsky491 2009-12-11

打赏
举报

var doc=document.getElementById("b1");

alert(doc);             //[object HTMLIputElement]

alert(doc.nextSibling); //[object Text]

var next = doc.nextSibling;

if(next){

   while(next.nodeType == 3){//是文本节点

         next = doc.nextSibling;

   }

}



alert(next.id);