如何替换类的内部内容？

Question

我在一个页面中使用了4次类，我希望使用JavaScript替换其中一个内容

这是我的html

的代码

<span class="footer"><a href="link.html">Publisher Solutions</a></span>

<span class="footer"><a href="link.html">Social Media 360</a></span>

<span class="footer"><a href="link.html">Partnerships</a></span>

<span class="footer"><a href="link.html">Brown Bag Presentations</a></span>

我希望像这样改变

<span class="footer"><a href="link.html">Publisher Solutions</a></span>

<span class="footer"><a href="link.html">Social Media 360</a></span>

<span class="footer"><a href="link.html">Partnerships</a></span>

<span class="footer"><a href="edited_link_from_js.html">Custom New Text From js</a></span>

Answer 1

这样的事情会适合吗？

var elems = document.getElementsByClassName("footer");
var elem = elems[3];
elem.firstChild.href="edited_link_from_js.html";
elem.firstChild.innerHTML="My new text";

在这里，我手动选择第4个，但如果您总是想要最后一个，或者您需要任何选择器，则可以按elems.lenght - 1进行更改。