javascript - Javascript を使用して ID を持たない Div の値を取得する (クラスのみを持つ)

Question

JavaScriptを使用してdivの値を取得しようとしています。この特定の div 要素には ID がなく、クラスのみがあります。HTML は次のようになります。

Some text I don't care about
<div id="wrapper">
<div class="class_I_dont_care_about">
    <div class="need_value_from_this_div">
        Value I Need to Get Using Javascript
    </div>
</div>
</div>

「getbyelementclass」はオプションではないことを指定するのを忘れていました.IE 9、および最新バージョンのchrome、FF、operaでのみサポートされているため、より「マルチブラウザー」オプションを探しています。すべて可能です。

Answer 1

var value = document.getElementsByClassName('need_value_from_this_div')[0].innerHTML;

Answer 2

使用できますquerySelectorAll()

  var elem = document.querySelectorAll( '.' + class);
    var text = elem[0].innerHTML

IE-8でも動作するはずです

そうでなければ、より良いオプションは.getElementsByClassName()

フィドルをチェック

var className = 'a';
var elems = getByClass(className);

for(var i =0;i<elems.length;i++){
    console.log(elems[i].innerHTML);
}

function getByClass(className){
    var elems = [];
    if(document.querySelectorAll){
        elems = document.querySelectorAll( '.' + className);
    }
    else{
        elems = document.getElementsByClassName( '.' + className);
    }       
    return elems;    
}