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

时间 2019-12-11

标签 getnextelement 函数获取下一个特定元素节点繁體版

原文原文链接

function getNextElement(node){              //定义getNextElement()函数
	if (node.nodeType==1){              //条件：若是node参数nodetype属性为元素节点（真），则退出此函数，并此函数取值为node。nodetype值可为一、二、3
		return node;
	}
	if (node.nextSibling){             //若是node节点的下一个兄弟节点存在即条件为真，则退出此函数，并递归，参数变为node节点的下一个兄弟节点。
		return getNextElement(node.nextSibling);       //从一个函数的内部调用这个函数自己叫做递归调用。
	}                                           
	return null;                       //退出此函数，并此函数取值为null。
}

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

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

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

var ower = getNextElement(header.nextSiling);node

<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>