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支持，＆amp;最新版本的chrome，FF＆amp;如果可能的话，我正在寻找一个更“多浏览器”的选项。

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()

<强> Check Fiddle

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

使用Javascript获取无ID的Div值（仅限类）

2 个答案: