如何使用document.getElementsByClassName(）访问<label>的childNode

How do i access childNode of <label> using document.getElementsByClassName()?

本文关键字：label childNode 访问 document 何使用 getElementsByClassName      更新时间：2023-09-26
<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"的子节点？以及 document.getElementsByClassName（） 的替代方案应该是什么来获得相同的结果？

更改

标签的文本：

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

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

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

使用 jQuery ！

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

大功告成！

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

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

相关文章：