如何使用document.getElementsByClassName()访问<label>的childNode?</​​ label>

时间:2012-06-22 18:41:16

标签: javascript

<html>
<head></head>
<body>
<span class="mtb-price">
<label Class="mtb-ofr"><b class="lb1"></b>AAAAA</label></span>
<script>
var sku = document.getElementsByClassName("mtb-ofr").childNodes[1].nodeValue;
alert(sku);
</script>
</body>
</html>

如何使用document.getElementsByClassName()访问具有类名'mtb-ofr'的childNode? 什么应该是document.getElementsByClassName()的替代,以获得相同的结果??

3 个答案:

答案 0 :(得分:2)

getElementsByClassName返回一个数组。您需要首先从NodeList获取元素。

document.getElementsByClassName("mtb-ofr")[0].childNodes[1].nodeValue

答案 1 :(得分:2)

更改标签的文字:

document.getElementsByClassName("mtb-ofr")[0].childNodes[1].nodeValue = 'something';

答案 2 :(得分:0)

使用jQuery!

$('label.mtb-ofr').children()

你已经完成了!

您可以通过将参数传递给children()来过滤更多。

http://api.jquery.com/children/