如何使用img元素的onerror属性
CSS：
.posting-logo-div { }
.posting-logo-img { height:120px; width:120px; }
.posting-photo-div { height:5px;width:5px;position:relative;top:-140px;left:648px; }
.posting-photo-img { height:240px; width:240px; }
HTML：
<div id="image" class="posting-logo-div"><img src="../images/some-logo1.jpg" onerror="this.src='../images/no-logo-120.jpg';" class="posting-logo-img"></div>
<div id="photo" class="posting-photo-div"><img src="../images/some-logo2.jpg" onerror="this.src='../images/no-logo-240.jpg';" class="posting-photo-img"></div>
这似乎不适用于Chrome或Mozilla，但确实适用于IE。
问题答案：
这有效：
<img src="invalid_link"
onerror="this.onerror=null;this.src='https://placeimg.com/200/300/animals';"
>
正如尼古拉在下面的评论中指出的那样，如果备用网址也无效，某些浏览器将再次触发“错误”事件，这将导致无限循环。我们可以通过简单地通过取消“错误”处理程序来避免这种情况this.onerror=null;。
-
问题内容： 在检查Chrome Dev工具时，我注意到以下CSS片段： 可以在Chrome中完美运行（请参见下面的屏幕截图）。 这使我可以通过CSS定义标签的src属性。在Firefox中不起作用。到目前为止，我认为不可能通过CSS直接修改src属性，而且我还没有发现有人在谈论这一点。 那么，这仅仅是Chrome中的专有功能，还是Chrome正在实施W3C草案或其他我不知道的类似产品？ 问题答案：
-
概述 <img>元素用于插入图片，主要继承了 HTMLImageElement 接口。 浏览器提供一个原生构造函数Image，用于生成HTMLImageElement实例。 var img = new Image(); img instanceof Image // true img instanceof HTMLImageElement // true Image构造函数可以接受两个整数作为参
-
问题内容： 我有一个react组件，它是列表中的详细信息视图。 我试图用默认图像替换该图像，如果该图像不存在并且出现404错误。 我通常会在img标签中使用onerror方法，但这似乎不起作用。 我不确定如何做出反应。 这是我的组件： 问题答案： 由于没有完美的答案，因此我正在发布我使用的代码段。我正在使用回退到的可重用组件。 由于后备图片可能再次失败并触发无限次重新渲染循环，因此我添加了状态。
-
在此代码中，节的高度为0。但img的高度为600px。我如何将img的高度赋予它的父元素，也就是section？ 正如您在图片部分中看到的，class=“banner container”没有高度。
-
问题内容： 我丢失了凭据..所以我正在创建这个新线程。 我想更改此行： 对此： 因此，投票设置为。 但是问题在于，在该站点中，有几个项目需要投票，并且元素“数据水龙头”发生了变化。如果我使用此脚本： 但是它不显示任何内容，因为第一个属性值具有另一个数字。如何用输入的元素个数选择行，所以可以替换为？ 我只能做这种selenium吗？有没有不使用真正的浏览器的另一种方法？ 无论如何，这是网页的结构：
-
问题内容： 就上下文而言，这是对先前问题的后续。与其深入研究，我不希望逻辑基于jQuery选择器来搜索那些规则的 效果 。 给定默认属性 被有选择地修改为 如何选择各自背景位置具有默认值的伪元素？按照如下方式复制选择器 什么都不匹配。试图用 仅产生值。 问题答案： 您不能像这样使用和伪元素。它们的目的是在分别指定的选择器之前和之后插入内容。 用法示例： HTML： CSS： 结果： 发生的事情是，