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;    
}