查找具有独特内容的元素，然后抓取下一个元素的内容

Question

我试图在dt之后获取元素的内容，该元素具有页面上其他任何地方都没有的某些内容。我应该使用什么方法？

<dt>This is the first element</dt>
<dd>This is to be returned</dd>

Answer 1

如果您希望根据dt元素的内容查找dd元素的内容，则可以像这样遍历页面中dt元素的节点列表：

function getVal() {
var els = document.getElementsByTagName('dt');
var returnVal = false;
for (var i = 0; i < els.length; i++) {
if (els[i].innerText == contentToMatch) {    // check 'dt' content
returnVal = els[i].nextSibling.innerText;    // get 'dd' content
break;
}
}
return returnVal;
}

如果未找到该特定内容，此函数将返回false。 您也可以用innerHTML代替innerText，具体取决于您要查找的内容。