JS — Как добавить класс дочернему элементу?

Question

[Сергей Dydaevskiy]

Здравствуйте друзья, имеется вот такой блок:

<div id="dslc-module-c4b6d0630ec" class="dslc-module-front dslc-module-DSLC_Image dslc-in-viewport-check dslc-in-viewport-anim-dslcSlideUpFadeIn  dslc-col dslc-12-col dslc-last-col  dslc-module-handle-like-regular  dslc-in-viewport" data-module-id="c4b6d0630ec" data-dslc-module-id="DSLC_Image" data-dslc-module-size="12" data-dslc-anim="dslcSlideUpFadeIn" data-dslc-anim-delay="0" data-dslc-anim-duration="650" data-dslc-anim-easing="ease-in" data-dslc-preset="none" style="animation: dslcSlideUpFadeIn 0.65s ease-in forwards;">

			
			
				<div class="dslc-image-container">
		<div class="dslc-image">

			
				
									<img src="http://wowkind.com/wp-content/uploads/2017/01/logo_prozrachnoe-1.png" alt="" title="">
				
				
			
		</div><!-- .dslc-image -->
		</div>
		
		
		</div>

Получается мне необходимо найти ID dslc-module-c4b6d0630ec в нем найти <div class="dslc-image"> и в него добавить класс my_hower. То есть что б получилось:
<div class="dslc-image my_hower">
Как это реализовать? Всем ответившим спасибо.

Answer 1

[krumza]

JQuery

$('#dslc-module-c4b6d0630ec').find('.dslc-image').addClass('my_hower');

Comments

[Сергей Dydaevskiy]

Спасибище!

Answer 2

[Дмитрий Беляев]

нативный DOMApi:

for(let elem of document.getElementById('dslc-module-c4b6d0630ec').getElementsByClassName('dslc-image')) {
  elem.classList.add('my_hower');
}

Comments

[Сергей Dydaevskiy]

Спасибо! ) Тоже работает