Ваш код getElementById()
работает, поскольку идентификаторы должны быть уникальными, и поэтому функция всегда возвращает ровно один элемент (или null
, если ни один не найден).
Однако getElementsByClassName()
, querySelectorAll()
и другие методы getElementsBy*
возвращают массивный набор элементов. Итерации над ним, как и с реальным массивом:
var elems = document.getElementsByClassName('myElement');
for(var i = 0; i < elems.length; i++) {
elems[i].style.size = '100px';
}
Если вы предпочитаете что-то более короткое, рассмотрите использование jQuery :
$('.myElement').css('size', '100px');
<ion-slides>
<ion-slide *ngFor="let img of images [options]="opts">
<img src="{{img}}.jpg">
</ion-slide>
</ion-slides>
КОМПОНЕНТ
@Component({
templateUrl: 'build/pages/test/test.html',
})
export class TestPage implements OnInit{
images= [1,2,3];
opts: any;
constructor() {}
ngOnInit() {
this.opts = {initialSlide: 5}
}
}