如何将<img> onError源用作<div>

Question

我想使用onError函数插入另一个网址。

  '<div class="item"
      style="content:url(https://itemimage.jpg)" alt="No Product Image" ></div>'

在这里，我要插入默认的div背景内容：如果找不到图片或出现错误，则为网址。

Answer 1

内容URL位于CSS端，根本不会向JS端引发任何事件。使用onError的类似方法可能是这样的：

<div style="content:url(https://example.com/what.jpg)" alt="No Product Image" >
  <img style="display: none" src="https://example.com/what.jpg" onerror="this.parentElement.style.content = 'url(https://placehold.it/300x300)'">
</div>

但是IMO用内容样式进行div很奇怪，为什么不只使用<img>。