Question

初学javascript问题，下一段代码怎么实现“改变紧跟着h1的元素的样式”，主要是第二个函数不懂

function styleHeaderSiblings(){
var headers=document.getElementsByTagName("h1");
var elem;
for (var i=0;i<headers.length;i++){
elem=getNextElement(headers[i].nextSibling);
elem.style.fontWeight="bold";
elem.style.fontSize="1.2em";
}
}

function getNextElement(node){
if(node.nodeType==1){
return node;
}
if(node.nextSibling){
return getNextElement(node.nextSibling);
}
return null;

}
比如说这截取部分的html代码：

<h1>Hold the front page</h1>
<p>This first xxxxxxxx xxxxx</p>
<p>This first xxxxxxxx xxxxx</p>
<p>This first xxxxxxxx xxxxx</p>
<h1>Hold page</h1>
<p>This first xxxxxxxx xxxxx</p>
<p>This first xxxxxxxx xxxxx</p>

Answer 1

如果节点是元素节点，则 nodeType 属性将返回 1。
如果节点是属性节点，则 nodeType 属性将返回 2。

追问

求帮助！

追答

只会修改h1下的第一个p节点

追问

我也清楚这个函数结果是只会修改h1下的第一个p节点，但就是被第二个函数绕晕了，想找人帮忙解释下

追答

function getNextElement(node){
    if(node.nodeType==1){//如果找到节点就返回了。也就是只会找一个，找到一个元素节点，就不会递归了。
        return node;
    }
    if(node.nextSibling){
        return getNextElement(node.nextSibling);
    }
    return null;

}