如何使用iframe中的javascript通过标记名更改元素_Javascript_Styles_Getelementsbytagname_Getelementsbyname

如何使用iframe中的javascript通过标记名更改元素

javascript

如何使用iframe中的javascript通过标记名更改元素,javascript,styles,getelementsbytagname,getelementsbyname,Javascript,Styles,Getelementsbytagname,Getelementsbyname,我正在尝试从样式更改url（herf）。检查一下 <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/

我正在尝试从样式更改url（herf）。检查一下

<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>

使用另一个url

那样

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

图像xyz.png中的内容需要更改

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

获取iframe src并更新src。

希望这将帮助您

从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>


...
document.getElementById（“我的链接”）.style.background=“url（'https://www.website.com/abc.png“）居中/100%不重复”；

这就是你想要的吗？


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

document.getElementById（“iframe”）.setAttribute（'style'，'background image:url(https://www.website.com/xyz.png)；背景重复：无重复；背景大小：100%100%；'）；

试试这个

我找到了，试试看



咖啡
茶

单击按钮更改第一个列表项（索引0）的文本
试试看
函数myFunction（）{
var list=document.getElementsByTagName（“UL”）[0]；
list.getElementsByTagName（“LI”）[0].innerHTML=“Milk”；
}

此更改应在何时发生？你试过的代码在哪里？可能的重复可能没有多大帮助，OP似乎想更改背景图像的url…我没有权限更改或更新src url。我正试图用javascript来改变它。让我试试@teemu这里有一些id在标记中没有提到的问题，用classID试试并不重要。您可以使用任何需要的选择器来获取元素。例如，要获取iframe中的第一个链接：

var element=document.getElementsByTagName（“iframe”）[0].getElementsByTagName（“a”）[0]这不是最优雅的解决方案，但它应该可以工作。你能用一个例子来解释吗？我的意思是：首先，你得到链接（var element=…；
），然后你编辑它的背景（element.style.background=“…”；）。我正在尝试用另一个链接更改背景图像url。嗯！你可以获得dom并更新@MuazamAziz的样式如果你找到了你想要的答案，请标记正确答案：）@MuazamAziz
<script>
document.getElementById("iframe").setAttribute('style',' background-image: url(https://www.website.com/xyz.png);background-repeat: no-repeat;    background-size: 100% 100%;');
</script>