Установка ширины и высоты картинкам внутри DIV
 

Всем привет внутри дива есть имг, хотелось бы просто установить им высоту и ширину и alt="something", прям тут

<img src="/images/mainpage/homestars_logo.jpg" alt="">

В css не могу, он привязан ко всем img а шаблон на джумла.

document.querySelectorAll('d-grid')

Все картинки внутри дива должны быть одной высоты и ширины алт только разные

<div class="d-grid">
<div class="items_credentials"><a href="https://homestars.com/companies/2772438-trans-moving-toronto" target="_blank" rel="noopener"><img src="/images/mainpage/homestars_logo.jpg" alt="" width="500px" height="122px"></a></div>
<div class="items_credentials"><a href="https://www.facebook.com/transmovingtoronto/" target="_blank" rel="noopener"><img src="/images/mainpage/facebook_logo.jpg" alt=""></a></div>
<div class="items_credentials"><a href="https://www.n49.com/biz/891012/trans-moving-toronto-on-toronto-13-1181-finch-ave-west/" target="_blank" rel="noopener"><img src="/images/mainpage/n49_logo.jpg" alt=""></a></div>
<div class="items_credentials"><a href="https://moveaide.com/movers/trans-moving-toronto-canada-mover-reviewsv" target="_blank" rel="noopener"><img src="/images/mainpage/moveaide_logo.jpg" alt=""></a></div>
<div class="items_credentials"><a href="https://nicelocal.ca/toronto/utility_service/trans_moving/" target="_blank" rel="noopener"><img src="/images/mainpage/nicelocal_logo.jpg" alt=""></a></div>
<div class="items_credentials"><a href="http://www.topmoving.ca/moving-company/trans_moving.html" target="_blank" rel="noopener"><img src="/images/mainpage/topmoving_logo.jpg" alt=""></a></div>
<div class="items_credentials"><a href="https://ca.trustpilot.com/review/easy-moving.ca" target="_blank" rel="noopener"><img src="/images/mainpage/trustpilot_logo.jpg" alt=""></a></div>
</div>

И нужно взять div где класс="items_credentials" Оказывается есть еще другие дивы с классом d-grid

document.querySelectorAll(".d-grid").forEach((x)=>{
			console.log(x.querySelector('.items_credentials'))
		});

Вот уже что то получается, но только 1 элемент выбирается

document.querySelectorAll(".d-grid").forEach((x)=>{
	console.log(x.querySelectorAll('.items_credentials'))
	x.querySelectorAll('.items_credentials').forEach((img)=>{
		console.log(img.querySelector('img'))
		let imageQuery = img.querySelector('img');
		imageQuery.weight='120'
		imageQuery.height='120'
		imageQuery.alt='something'
	})
});

Рабочий господа, кому надо забирайте.
Вопрос в другом, почему weight не ставится?

Всегда можно изменить правило усилив его специфичность и менять только то, что нужно. Например, разместив

<style>
.d-grid .items_credentials img {
    width: 120px;
    height: 120px;
}
</style>

Да, заметил. Забыл написать

А как прописать алт?

А какой смысл для разных картинок прописывать одинаковый alt?

https://developer.mozilla.org/ru/doc...ML/Element/img