Как добавить класс во внутренний HTML div с помощью Javascript?

Question

Я пытаюсь обойти, казалось бы, невозможную настройку для Wordpress. Вот что <?php the_category();?> печатает:

<ul class="post-categories" > 
<li> 
    <a rel="category-tag" title="..." href="...">Category One</a> 
</li> 
<li> 
    etc. 
</li> 
</ul> 

мне нужно добавить/вставить класс во все <a>-х, чтобы сделать его выглядеть следующим образом:

<ul class="post-categories" > 
<li> 
    <a class="btn" rel="category-tag" title="..." href="...">Category One</a> 
</li> 
<li> 
    etc. 
</li> 
</ul> 

До сих пор, я только нашел способы присвоить дополнительные классы элементам с существующим идентификатором или классом. Спасибо, за вашу помощь!

Answer 1

Поскольку название говорит Использование JavaScript

Попробуйте для решения JavaScript:

var links = document.getElementsByTagName("a"); 

for (var i = 0; i < links.length; i++) 
{ 
    if (links[i].parentNode.className == "post-categories") 
    { 
     links[i].className = "btn"; 
    } 
} 

Или, если вы вниз с детьми, и вы можете использовать JQuery, вы можете сделать:

$(".post-categories > a").addClass("btn"); 

Answer 2

Использование JQuery:

$(".post-categories a").addClass("btn"); 

Answer 3

использование JQuery

$(function() { 
$(".post-categories a").addClass("btn"); 
})