用圖像替換Iframe中的文本

我試圖用iframe中的圖像替換「註銷」文本（註釋部分）。用圖像替換Iframe中的文本

我已經試過幾件事情，但我認爲這是最接近於正確的：

$("#comment-editor").contents().find("Sign out").html("<img src="http://3.bp.blogspot.com/-sJ_cc0hh_jw/TtllFIQ-NSI/AAAAAAAAEM4/zJdS8K9rjZ4/s1600/index.gif" alt="Sign out" />");

#comment-editor是iframe的ID。「退出」是我想要替換的文本，雖然它的即時HTML結構如下：

<span id="signoutLink"> 
    <span id="commentDash" style="display: none;">–</span> 
    <a target="_top" href="http://xxxxxx.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D4240883138904129005%26postID%3D3175710312324737334">Sign out</a> 
</span>

什麼我錯在這裏做什麼？

來源

2013-05-31 Xarcell

可能試圖繞過[同源策略（http://en.wikipedia.org/wiki/Same_origin_policy）。 – jmeas

如果iframe源不是來自同一個域，那麼您將無法更改內容 - 演示 - http://fiddle.jshell.net/s9p7a/3/ – coderplus

試試這個：

<span id="signoutLink"> 
<span id="commentDash">–</span> 
<a target="_top" href="http://xxxxxx.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D4240883138904129005%26postID%3D3175710312324737334" id="anchor" >Sign out</a>

$("#anchor").text('').html('<img src="http://3.bp.blogspot.com/-sJ_cc0hh_jw/TtllFIQ-NSI/AAAAAAAAEM4/zJdS8K9rjZ4/s1600/index.gif" alt="Sign out" />');

我添加了一個ID爲錨標記，清除它的文本，然後添加HTML到它。

這裏有一個小提琴：http://jsfiddle.net/u6nQP/14/

來源

2013-05-31 03:55:50 livewire1407

如果您出於某種原因不想添加id到錨標記， '$（「＃signoutLink a」）.text（''）。html（' Sign out '）;' 也會做這個把戲 – livewire1407

用圖像替換Iframe中的文本

回答

相關問題