Как присвоить класс через js?

Question

[Алексей Тутубалин]

Есть последовательность элементов

<div class="story gw9wsja80d4pldi">
	<a class="link link_ajax link_theme_normal story__image gw9wsja80d4pldi__image i-bem" href="">
		 <a href="/uploads/posts/2017-02/1487273736_invest_sovet_cr.jpg" class="highslide" target="_blank">
                     <img class="xfieldimage poster" src="/uploads/posts/2017-02/thumbs/1487273736_invest_sovet_cr.jpg" alt="" />                     
                 </a> 
	</a>
        ...
</div>

мне надо на js присвоить классы( link link_ajax link_theme_normal story__image gw9wsja80d4pldi__image i-bem ) к тегу а у которого класс highslide только при данной последовательности классов

Answer 1

[iBird Rose]

а в чем проблема то?

$( ".story .link .highslide" ).addClass( "link link_ajax link_theme_normal story__image gw9wsja80d4pldi__image i-bem" );

Comments

[Алексей Тутубалин]

класс highslide повторяется, но с разными роделскими класами, именно по этому мне надо при этой последовательности классов

[iBird Rose]

Алексей Тутубалин: обновил ответ

[Алексей Тутубалин]

iBird Rose: Да спасибо огромное работает а как то можно что бы классы вставлялись перед highslide

[iBird Rose]

Алексей Тутубалин: чего?

Answer 2

[ZaxapKramer]

На JavaScript? Так:

document.querySelector(".story .link .highslide").classList.add("link link_ajax link_theme_normal", "story__image gw9wsja80d4pldi__image i-bem");

Либо так, если элементов несколько:

[].forEach.call(document.querySelectorAll(".story .link .highslide"), function(el){
    el.classList.add("link link_ajax link_theme_normal", "story__image gw9wsja80d4pldi__image i-bem");
});