0 0

<img>元素没图片时需要隐藏或移除它,该怎么写?10

有一个img元素,它的src是动态的,如果没有图片就隐藏这个img,或干脆移除它。
我网站查了一下,需要在onerror中实现。可总是没有任何反应,为何?
<img src="..." onerror="onImgError(this);" />


function onImgError(dom){
	var $dom=$(dom);//转转成Jquery对象
//	$dom.hide();
	$dom.remove();//没有任何反应,为何?
	dom.onerror=null;
}
2014年7月09日 14:17

2个答案 按时间排序 按投票排序

0 0

采纳的答案

我试了chrome没问题
IE8会弹黄色的安全警告 点击选允许后也是可以的。

你是怎么试的

2014年7月09日 14:37
0 0

this.parentNode.innerHTML="";

2014年7月10日 10:33

相关推荐

    jquery实现图片轮播器

    接着,为&lt;img&gt;标签设置border为0,移除图片边框。针对&lt;ul&gt;、&lt;ol&gt;和&lt;li&gt;设置list-style为none,从而移除列表项前的默认黑点。为&lt;body&gt;设置了外边距,为.wrap设置了宽高、边框和相对定位,使容器内的内容相对定位。为....

    鼠标经过显示图片离开隐藏JS代码

    在这个例子中,我们创建了一个`&lt;div&gt;`元素,当鼠标悬停在该元素上时,会触发`onmouseover`事件,调用`showImage`函数,显示隐藏的图片(通过移除CSS类`hidden`来实现)。当鼠标离开`&lt;div&gt;`元素,`onmouseout`事件被...

    javascript图片动态显隐

    "javascript图片动态显隐"这个主题,就是关于如何使用JavaScript来控制图片或其他HTML元素在页面上根据特定条件显示或隐藏。下面我们将深入探讨这个知识点。 首先,我们需要了解HTML中的元素是通过CSS来控制其可见...

    HTML&CSS参考手册

    - **&lt;img&gt;**: 定义图像。 - **&lt;map&gt;**: 定义图像映射。 - **&lt;area&gt;**: 定义图像地图内部的区域。 - **&lt;canvas&gt;**: 定义图形,用于绘制动态图形。 - **&lt;figcaption&gt;**: 定义figure元素的标题。 - **&lt;figure&gt;**: 定义...

    HTML图片翻转显示文字 代码

    通常,我们可以使用`&lt;img&gt;`标签来插入图片,`&lt;div&gt;`或`&lt;p&gt;`标签来容纳文字。例如: ```html &lt;div class="flip-container"&gt; &lt;div class="flipper"&gt; &lt;div class="front"&gt; &lt;img src="image.jpg" alt="图片描述"&gt; ...

    jQuery标签TAB控制图片切换代码.zip

    在这个场景下,我们可以创建一个&lt;nav&gt;元素来存放TAB标签,每个标签对应一个&lt;section&gt;元素,里面包含要展示的图片。 CSS(Cascading Style Sheets)用于定义页面的样式和布局。我们可以为TAB标签和图片容器设置样式...

    jQuery简单选择器

    - `[attribute$=value]`:选取属性值以给定值结尾的元素,例如`$("img[src$='.jpg']")`会选择`src`属性以`.jpg`结尾的`&lt;img&gt;`元素。 - `[attribute*=value]`:选取属性值包含给定值的元素,例如`$("div[title*='...

    jQuery详细教程

    该方法隐藏所有 &lt;p&gt; 元素: $("p").hide(); 单独文件中的函数 如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时,会...

    css3复选框选中灰色变彩色图片特效代码

    最后,我们使用了相邻兄弟选择器`+`来选取与选中复选框相邻的图片元素,并在复选框被选中时移除`grayscale`滤镜,让图片恢复彩色。此时,用户点击图片或复选框,图片就会从灰色变为彩色,同时复选框会显示选中状态。...

    jQuery_选择器与属性方法

    - `removeAttr(key)`:删除指定属性,如`$("img").removeAttr("src")`移除所有`&lt;img&gt;`元素的`src`属性。 jQuery的这些选择器和属性方法使得在JavaScript中操作DOM变得非常简便,大大提高了开发效率。通过熟练掌握...

    淘宝轮播图代码

    &lt;li&gt;&lt;A href="网址"&gt;&lt;img height=160 alt="" src="图片地址" width=160&gt;&lt;/A&gt;&lt;/li&gt; &lt;li&gt;&lt;A href="网址"&gt;&lt;img height=160 alt="" src="图片地址" width=160&gt;&lt;/A&gt;&lt;/li&gt; &lt;li&gt;&lt;A href="网址"&gt;&lt;img height=160 alt="" ...

    Jquery方法大全

    - **示例**:`$("p").toggleClass("highlight")`如果`&lt;p&gt;`元素有`highlight`类则移除它,否则添加。 **1.8 val** ```javascript $("input元素名称").val(); $("input元素名称").val(value); ``` - **功能**:获取或...

    AJAX与jquery试题

    - `$("img").removeAttr("src")`会移除所有`&lt;img&gt;`元素的`src`属性。 8. **获取父元素** - `$("p").parent()`返回所有`&lt;p&gt;`元素的直接父元素。 9. **追加内容** - `$("p").append("&lt;b&gt;Hello&lt;/b&gt;")`会在每个`&lt;p&gt;...

    HTML和jQuery总结

    7. **图像**:`&lt;img&gt;`元素插入图片,`src`属性为图片源,`alt`属性提供替代文本。 8. **列表**:`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表,`&lt;li&gt;`定义列表项。 9. **表格**:`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)和`...

    JS banner 图片切换效果

    创建一个包含四张图片的`&lt;ul&gt;`列表,每张图片用`&lt;li&gt;`包裹,并通过CSS隐藏除了第一张之外的所有图片: ```html &lt;ul id="banner"&gt; &lt;li&gt;&lt;img src="image1.jpg" alt="图片1"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="image2.jpg" alt=...

    JS实现图片切换

    通常,我们可以创建一个包含多个`&lt;img&gt;`标签的`&lt;div&gt;`容器,每个`&lt;img&gt;`标签对应一张图片。通过设置初始显示的图片,其他图片默认隐藏,然后利用JavaScript控制图片的显示与隐藏,从而实现图片切换的效果。 1. **...

    菜单下拉收缩

    这可以通过CSS的`background-image`属性实现,或者使用`&lt;img&gt;`标签嵌入图片。 综上所述,创建一个“菜单下拉收缩”效果主要涉及HTML布局、CSS样式控制以及JavaScript事件处理。通过合理的结构和样式设置,以及适当...

    JavaScript图片切换展示效果

    在容器内,为每张图片创建`&lt;img&gt;`标签,通过CSS隐藏除第一张外的所有图片。 2. **CSS样式**: CSS用于定义元素的样式和布局。在这个案例中,可能设置了图片的宽度、高度、边距等属性,以及隐藏非当前显示图片的...

    jQuery左侧图片右侧文字滑动切换代码.zip

    &lt;img src="image1.jpg" alt="Image 1"&gt; &lt;figcaption&gt;Text for Image 1&lt;/figcaption&gt; &lt;/figure&gt; &lt;figure&gt; &lt;img src="image2.jpg" alt="Image 2"&gt; &lt;figcaption&gt;Text for Image 2&lt;/figcaption&gt; &lt;/figure&gt; &lt;!-- ...

    jQuery设计思想

    - `$('&lt;img/&gt;').attr('src', 'image.png')`:创建一个新的 `&lt;img&gt;` 元素并设置其 `src` 属性。 #### 七、工具方法 jQuery 还提供了一系列工具方法来帮助开发者处理常见的编程任务。 **工具方法示例**: - `.each...

Global site tag (gtag.js) - Google Analytics