如何使用JavaScript從IFRAME

-1

變化元件通過標籤的名字，我想從風格改變URL（HERF）。檢查它如何使用JavaScript從IFRAME

<iframe src="https://www.website.com/............" heght="100%" width="100%" > 

#document 

<!DOCTYPE html> 

<html> 
<head></head> 
<body> 

<a class="class" href="https://www.website.com/-----" style="background: url(&quot;https://www.website.com/abc.png&quot;) center center/100% no-repeat; width: 110px; height: 26px;"></a> 

</body> 
</html> 

<iframe>

我想改變形象的網址與JavaScript

: style="background: url(&quot;https://www.website.com/abc.png&quot;)

與另一個網址。

像重要的是

: style="background: url(&quot;https://www.website.com/xyz.png&quot;)

圖像xyz.png改變。

來源

2017-09-15 Muazam Aziz

何時這種變化發生的呢？你試過的代碼在哪裏？的[什麼querySelectorAll，getElementsByClassName方法等...返回]（https://stackoverflow.com/questions/10693845/what-do-queryselectorall-getelementsbyclassname-and-other-getelementsby-method） – Teemu

document.getElementsByTagName('iframe')[0].src = "https://www.website.com/xyz.png";

獲取iframe src並更新src。希望這將幫助你

來源

2017-09-15 12:38:48 Suneha

這可能沒有按」可能重複牛逼的幫助很大，OP似乎想改變的背景圖像的URL ... – Teemu

我沒有存取權限更改或更新src網址。我正在嘗試改變它與JavaScript。 –

讓我試試@Teemu – Suneha

要改變從Javascript元素的風格，你可以這樣做：

<!-- Suppose you have this <a> element --> 
<a id="my-link" style="background: ...; ...">...</a> 

<!-- This is the code --> 
<script> 
    document.getElementById("my-link").style.background = "url('https://www.website.com/abc.png') center center/100% no-repeat"; 
</script>

這是你想要的嗎？

來源

2017-09-15 12:43:44

優秀和+我想改變它與另一個圖像的網址 –

這裏是問題，標識不提及標記只是與類 –

ID試用它並不重要。你可以使用你需要的任何選擇器來獲取元素。例如，要獲得在您的iframe中第一連桿：'VAR元素= document.getElementsByTagName（「IFRAME」）[0] .getElementsByTagName（「A」）[0];' 這不是最好的解決方法，但它應該管用。 –

<script> 
document.getElementById("iframe").setAttribute('style',' background-image: url(https://www.website.com/xyz.png);background-repeat: no-repeat; background-size: 100% 100%;'); 
</script>

試試這個

來源

2017-09-15 12:54:54 Suneha

我正試圖改變與另一個背景圖像的網址。 Uuummm！你會做到嗎？ –

你可以得到DOM和更新@MuazamAziz – Suneha

的風格，如果你已經發現了，而您是在尋找的答案，請註明正確的答案:) @MuazamAziz – Suneha

我必須找到它，試試看

來源

2017-09-20 09:33:26

如何使用JavaScript從IFRAME

回答

相關問題