How to change Element by tag name with javascript from iframe

Question

I am trying to change url(herf) from style . Check it

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

I want to change image url with javascript

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

With Another url .

Like that

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

image xyz.png in important to change.

When should this change happen? Where is the code you've tried? Possible duplicate of [What do querySelectorAll, getElementsByClassName and other ... return](https://stackoverflow.com/questions/10693845/what-do-queryselectorall-getelementsbyclassname-and-other-getelementsby-method) — Teemu, Sep 15 '17 at 12:33

score 0 · Answer 1 · answered Sep 15 '17 at 12:38

0

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

Get the iframe src and update the src. Hope this will help you

answered Sep 15 '17 at 12:38

Suneha Javid

37
1
2
12

This probably doesn't help much, OP seems to want to change the url of a background image ... – Teemu Sep 15 '17 at 12:40
I am have not acces to change or update src url . i am trying to change it with javascript . – Muazam Aziz Sep 15 '17 at 12:40
let me try @Teemu – Suneha Javid Sep 15 '17 at 12:41

score 0 · Answer 2 · answered Sep 15 '17 at 12:43

0

To change an element's style from Javascript, you can do so:

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

Is this what you want?

answered Sep 15 '17 at 12:43

Luca Polito

2,387
14
20

here is problems that id isn't mention in tag just try it with class – Muazam Aziz Sep 15 '17 at 12:51
ID isn't important. You can use whatever selector you need to get the element. For example, to get the first link in your iframe: `var element = document.getElementsByTagName("iframe")[0].getElementsByTagName("a")[0];` It is not the most elegant solution, but it should work. – Luca Polito Sep 15 '17 at 12:57
can you explain with a example? – Muazam Aziz Sep 15 '17 at 12:59
What I mean is: first, you get the link (`var element = ...;`), then you edit its background (`element.style.background = "...";`). – Luca Polito Sep 15 '17 at 13:02

score 0 · Answer 3 · answered Sep 15 '17 at 12:54

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>

try this

answered Sep 15 '17 at 12:54

Suneha Javid

37
1
2
12

am am trying to change backgroud-image url with another. Uuummm! will you done it. – Muazam Aziz Sep 15 '17 at 13:05
you can get the dom and update the style of that @MuazamAziz – Suneha Javid Sep 15 '17 at 13:15
if you have found out the answer for which you were in seek of, please mark the right answer :) @MuazamAziz – Suneha Javid Sep 18 '17 at 04:40

score 0 · Answer 4 · answered Sep 20 '17 at 09:33

I have Find it , Try It

<!DOCTYPE html>
<html>
<body>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
</ul>

<p>Click the button to change the text of the first list item (index 0).</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var list = document.getElementsByTagName("UL")[0];
    list.getElementsByTagName("LI")[0].innerHTML = "Milk";
}
</script>

</body>
</html>

How to change Element by tag name with javascript from iframe

4 Answers4