<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>CSS-DOM</title><scriptsrc="addLoadEvent.js"></script><linkrel="stylesheet"type="text/css"href="9.css"><scriptsrc="9.js"></script></head><body><!--<pid="example">Anexampleofaparagraph</p>--><h2>Holdthefrontpage</h2><p>Thisfirstparagraphleadsyouin;</p><p>Thisfirstparagraphleadsyouin;</p><p>Thisfirstparagraphleadsyouin;</p><h2>Extra!Extra!</h2><p>Furtherdevelopementsareunfolding</p><p>Furtherdevelopementsareunfolding</p><p>Furtherdevelopementsareunfolding</p></body></html>

functionstyleHeadersSiblings(){if(!document.getElementsByTagName)returnfalse;varheaders=document.getElementsByTagName("h2");for(vari=0;i<headers.length;i++){varelem=getNextElement(headers[i].nextSibling);elem.style.color="red";elem.style.fontSize="1.2em";}}//下一个元素节点通用函数functiongetNextElement(node){if(node.nodeType==1){returnnode;}//元素下一个节点,继续执行本次函数,循环,一直到找到下一个元素节点为止,则退出本次循环if(node.nextSibling){returngetNextElement(node.nextSibling);}returnnull;}window.onload=styleHeadersSiblings;