小繁的Blog » 抓狂的nextSibling

抓狂的nextSibling

under java script- 学习笔记 2008-11-5 pm

做一个使用DOM脚本设置样式信息的时候发现nextSibling属性在firefox2中无法被正确执行,仔细回忆关于对nextSibling的解释nextSibling——–下一个兄弟元素.又核对了脚本结构是没错的.还是使用alert(h2.nextsibling.nodeType)语句再判断其返回的下一个兄弟元素是何.在ff中的返回值是3一个textnode,不同与ie中的值!莫非??于是把h1与p之间的换行删掉.果然脚本被顺利的执行.想不到在在火狐中将换行符作为了nextSibling的下一个兄弟元素.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>nextsibling</title> <script type="text/javascript"> window.onload=test; function test(){ var headers = document.getElementsByTagName("h2"); for(i=0;i<headers.length;i++){ var nextele=headers[i].nextSibling; alert(typeof nextele); alert(nextele.nodeType); alert(headers[i].nextSibling.childNodes[0].nodeValue); nextele.style.color="red"; } } </script> </head> <body> <h2>抓狂的nextSibling</h2><p>nextSibling</p> </body> </html>

Tips:You can change the code before run.

Aiyooo^TM

抓狂的nextSibling

随机日志

Leave a Reply

Categories

链接

AiyoooTM

抓狂的nextSibling

随机日志

Leave a Reply

Categories

链接

Aiyooo^TM