2017-09-15 71 views
-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改变。

+1

何时这种变化发生的呢?你试过的代码在哪里?的[什么querySelectorAll,getElementsByClassName方法等...返回](https://stackoverflow.com/questions/10693845/what-do-queryselectorall-getelementsbyclassname-and-other-getelementsby-method) – Teemu

回答

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

获取iframe src并更新src。 希望这将帮助你

+0

这可能没有按”可能重复牛逼的帮助很大,OP似乎想改变的背景图像的URL ... – Teemu

+0

我没有存取权限更改或更新src网址。我正在尝试改变它与JavaScript。 –

+0

让我试试@Teemu – Suneha

0

要改变从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> 

这是你想要的吗?

+0

优秀和+我想改变它与另一个图像的网址 –

+0

这里是问题,标识不提及标记只是与类 –

+0

ID试用它并不重要。你可以使用你需要的任何选择器来获取元素。例如,要获得在您的iframe中第一连杆:'VAR元素= document.getElementsByTagName( “IFRAME”)[0] .getElementsByTagName( “A”)[0];' 这不是最好的解决方法,但它应该管用。 –

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> 

试试这个

+0

我正试图改变与另一个背景图像的网址。 Uuummm!你会做到吗? –

+0

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

+0

的风格,如果你已经发现了,而您是在寻找的答案,请注明正确的答案:) @MuazamAziz – Suneha

0

我必须找到它,试试看

​​