您的位置：首页 > 其它

getNextElement( )函数——获取下一个特定的元素节点

2017-04-26 15:14 666 查看 
function getNextElement(node){              //定义getNextElement()函数
if (node.nodeType==1){              //条件：如果node参数nodetype属性为元素节点（真），则退出此函数，并此函数取值为node。nodetype值可为1、2、3
return node;
}
if (node.nextSibling){             //如果node节点的下一个兄弟节点存在即条件为真，则退出此函数，并递归，参数变为node节点的下一个兄弟节点。
return getNextElement(node.nextSibling);       //从一个函数的内部调用这个函数本身叫作递归调用。
}
return null;                       //退出此函数，并此函数取值为null。
}

　　例如，我想获取如下html代码中<h1>标签下面第一个元素节点，以便我设置它的相关属性，

则直接调用getNextElement(node)函数；

var header = document.getElementByTagName('h1');

var ower = getNextElement(header.nextSiling);

<body>
<h1>What is the Document Object Model?</h1>
<p>
　　　　　　The <abbr title="World Wide Web Consortium">W3C</abbr> defines
　　　　the <abbr title="Document Object Model">DOM</abbr> as:
</p>
<blockquote cite="http://www.w3.org/DOM/">
<!-----------------省略其余代码------------->
</p>
</body>

　　

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航