javascript - 異なるスパンの最初の要素を見つける

Question

私は実際にウェブページのスクリプトを作成しています。実際のマークアップを変更することはできません。

HTML ソース コードは次のとおりです。

<span id="spnTrNdCnt">
     <span class="fufw" fldrnm="ibx" id="spnFldrNm">IBX</span>
     <span id="spnUC">&lrm;(
          <span id="spnCV">2</span>
     )&lrm;</span>
</span>

スパン ID が spnCV と等しい textContent を取得したいと考えています。問題は、このコードが HTML ページに何度も存在することです。したがって、 textContent ( document.getElementById('spnCV').textContent) を取得しようとするたびに、最後のアイテムの最後の値が得られます。

この最初のアイテム(id spnCV を持つ最初のスパン)の値を取得する方法があるかどうかを知りたいです!

どんな種類の助けにも感謝します。

Answer 1

前述のように ID は一意である必要がありますが、ソースを変更することはできないため、何らかの js を追加できることを前提として、firstchildを調べてください。

Answer 2

ワーキングデモフィドル

  var ele = document.getElementsByTagName('span');
     for(var i=0;i<ele.length;i++)
     {
        if(ele[i].id=='spnCV')
        {
            // when i=0 it will be the first node
           // do something
           var text = (ele[i].innerText || ele[i].textContent);
           alert(text);
        }
     }