Заменить определенную часть атрибута src на элемент iframe

Question

Есть ли способ заменить определенную часть атрибута src на элемент iframe?

У меня есть этот IFRAME из блога Google я работаю ...

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

Когда блог загружает src атрибут становится, как это ...

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

Так что, когда нагрузки в блоге Я хочу, например, заменить часть textColor=%23000000# на textColor=%23ffffff#. Как я могу это сделать с помощью javascript или jQuery?

Answer 1

Добавить onLoad событие в IFRAME:

<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#'); 

}