查找具有唯一内容的元素，然后获取下一个元素的内容

Question

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

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

Answer 1

如果您希望根据dd元素的内容找到dt元素的内容，您可以循环遍历页面中dt元素的节点列表，如下所示：< / p>

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，具体取决于您要查找的内容。