错误时更改img类属性

Question

我的HTML：

<img *ngIf="someCondition" src="assets/images/type-{{object.plastic}}.png" id="type_img" class="select-img" alt="Plastic" onError="console.log(this.class)"/>

如果找不到图片，我正在尝试更改img属性的类。当我安慰this.class时，我得到undefined，但如果我尝试使用this.src，我会获得src值。我怎样才能改变班级？

Answer 1

请改用this.className。 JS中的DOM元素没有'class'属性。

还要记住className属性包含由空格分隔的所有元素类。

例如， HTML：

<button id="my-btn" class="btn btn-big btn-red"></button>

JS：

let myBtn = document.getElementById('my-btn');
console.log(myBtn.className); // "btn btn-big btn-red"

另请注意，如果您使用的是Angular或AngularJS，最好先查看ngClass directive并尽可能使用它。