ユニークな内容の要素を見つけ、次の要素のコンテンツを取得します

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を返します。また、あなたが探しているものに応じてinnerTextの代わりにinnerHTMLを代用することもできます。