src属性の特定の部分をiframe要素に置き換えます

Question

src属性の特定の部分をiframe要素に置き換える方法はありますか？

ブログの負荷私は、そう

src="https://www.blogger.com/blog-post-reactions.g?options=%5BLike,+Dislike%5D&textColor=%23000000#http://www.blog-name.com/post-name.html" 

...ブログをロードするとsrc属性は次のようになり

<iframe allowtransparency='true' id='reactions-iframe' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/> 

...私が働いているGoogleのブログから、このIFRAMEを持っています例えば、textColor=%23000000#の部分を​​に置き換えたいとします。どうすればjavascriptやjQueryを使ってそれを行うことができますか？

Answer 1

あなたはiframeにonLoadイベントを追加します。

<iframe allowtransparency='true' id='reactions-iframe' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no' onLoad='changeSrc();'/> 

そしてchangeSrc()機能のsrc値を変更するには、このコードを実行します。

function changeSrc() { 

    const frame = document.getElementById('reactions-iframe'); 

    frame.src = frame.src.replace('textColor=%23000000#', 'textColor=%23ffffff#'); 

}