如何使用 JavaScript(无 JQuery)遍历一组具有公共(public)类的 DIV,然后检查 <span>
中的值标签,根据值,将 href 值更改为其他值。这是一个标记示例。
<div class="module-content">
<div class="js-tab-content S00">
<h2 class="heading">
<a href="http://someurl.com">
<span>Adelaide</span>
</a>
</h2>
</div>
<div class="js-tab-content N00">
<h2 class="heading">
<a href="http://anotherurl.com">
<span>Sydney</span>
</a>
</h2>
</div>
<div class="js-tab-content V00">
<h2 class="heading">
<a href="http://thisurl.com">
<span>Melbourne</span>
</a>
</h2>
</div>
</div>
最佳答案
var tabContentDivs = document.getElementsByClassName("js-tab-content");
for (var i = 0, tabContentDiv; tabContentDiv = tabContentDivs[i]; ++i) {
var spanEl = tabContentDiv.querySelector(".heading span");
var spanText = spanEl.innerText;
var aEl = tabContentDiv.querySelector(".heading a");
aEl.href += "#" + spanText; // for example
}
关于javascript - 如何获取子节点值并更改值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7382808/