클래스의 내부 내용을 바꾸는 방법?

Question

I 클래스를 페이지에 4 번 사용하고 난 여기

자바 스크립트

사용하여 그들 중 하나에서 콘텐츠를 대체 할 내 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에 의해 변경할 수 있습니다, 또는 선택은 당신이 필요합니다.