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

[BorisJe]

Всем привет внутри дива есть имг, хотелось бы просто установить им высоту и ширину и 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>

[BorisJe]

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

[BorisJe]

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

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

[BorisJe]

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 не ставится?

[рони]

почему weight не ставится?

width

[voraa]

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

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

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

[BorisJe]

width

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

[BorisJe]

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

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

[voraa]

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

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

Атрибут alt содержит текстовое описание изображения, которое не обязательно, но невероятно полезно для доступности — программы чтения с экрана читают это описание своим пользователям, так они знают какое изображение показано

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