Onclick 删除/删除图像答案

【问题标题】：Onclick Remove/delete imageOnclick 删除/删除图像
【发布时间】：2014-12-24 19:12:36
【问题描述】：

点击图片后我需要加载一个 .swf 文件

我们点击图片后.swf文件加载成功，但是它加载了图片下方的.swf。我需要将img替换为.swf（总之，隐藏img）。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<script type="text/javascript">

function loadSWF(url){
    swfobject.embedSWF(url, "flashcontent", "550", "400", "9");
}
document.getElementById('iii').style.display = 'none';

</script>

<p><a href="http://www.leconcombre.com/stock/coccyminimini1.swf" onclick="loadSWF(this.href); return false;">


<div id="iii" class="iii">
<img id="my_image17" border="0" src="http://4.bp.blogspot.com/-7Ij8T9BvULw/VJWltsHNmhI/AAAAAAAANDI/a76wpzm_a-E/s1600/world%2Bmap%2Bcolor_1.jpg" />
</div>

</a></p>

<div id="flashcontent"></div>

我需要隐藏/删除类/id“iii”（img 标签所在的位置）。但是，代码似乎不仅仅在隐藏/删除 img 方面起作用。有什么建议吗？

【问题讨论】：

您正在尝试操作尚未被 DOM 解析器读入的元素

标签： javascript html flash

【解决方案1】：

我想这就是你要找的。p>

我为你做了一个 js fiddle。 http://jsfiddle.net/q7a96h14/1/

html

<div id="iii" class="iii">
  <img id="my_image17" border="0" src="http://4.bp.blogspot.com/-7Ij8T9BvULw/VJWltsHNmhI/AAAAAAAANDI/a76wpzm_a-E/s1600/world%2Bmap%2Bcolor_1.jpg" /> 
</div>

$(function(){
  var $img       = $("#my_image17")
    , $container = $("#iii");
  $img.on("click", function() {
    $img.remove();
    $container.html("<embed src='http://www.leconcombre.com/stock/coccyminimini1.swf' width='550'  height='400'/>");
    $container.removeClass().removeAttr("id");
  });
});

【讨论】：

【解决方案2】：

看起来……

function loadSWF(url){
    swfobject.embedSWF(url, "flashcontent", "550", "400", "9");
    document.getElementById('iii').style.display = 'none';
}

...加载时应该会发生隐藏。

【讨论】：