Comment changer d'élément par nom de tag avec javascript de iframe

-1

J'essaye de changer l'URL (herf) du style. Check itComment changer d'élément par nom de tag avec javascript de 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>

Je souhaite modifier URL de l'image avec le javascript

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

Avec une autre URL.

Comme ça

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

l'image xyz.png dans important de changer.

Source

2017-09-15 Muazam Aziz

Lorsque ce changement devrait se produire? Où est le code que vous avez essayé? Copie possible de [Qu'est-ce que querySelectorAll, getElementsByClassName et autres ... return] (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";

Obtenez le src iframe et mettez à jour le src. Espérons que cela vous aidera

Source

2017-09-15 12:38:48 Suneha

t aider beaucoup, OP semble vouloir changer l'URL d'une image de fond ... – Teemu

Je n'ai pas d'accès pour changer ou mettre à jour l'url src. J'essaie de le changer avec javascript. –

laissez-moi essayer @Teemu – Suneha

Pour modifier le style d'un élément de Javascript, vous pouvez le faire:

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

Est-ce que vous voulez?

Source

2017-09-15 12:43:44

excellent et + je veux le changer avec une autre image url –

voici les problèmes que l'id n'est pas mentionné dans l'étiquette il suffit de l'essayer avec la classe –

ID n'est pas important. Vous pouvez utiliser n'importe quel sélecteur dont vous avez besoin pour obtenir l'élément. Par exemple, pour obtenir le premier lien dans votre iframe: 'var element = document.getElementsByTagName (" iframe ") [0] .getElementsByTagName (" a ") [0];' Ce n'est pas la solution la plus élégante, mais elle devrait marcher. –

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

essayer cette

Source

2017-09-15 12:54:54 Suneha

je suis en train de changer backgroud-image url avec un autre. Uuummm! le ferez-vous? –

vous pouvez obtenir le dom et mettre à jour le style de ce @MuazamAziz – Suneha

si vous avez trouvé la réponse pour laquelle vous étiez à la recherche de, s'il vous plaît marquer la bonne réponse :) @MuazamAziz – Suneha

Je Trouvez, Essayez

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

Source

2017-09-20 09:33:26

Comment changer d'élément par nom de tag avec javascript de iframe

Répondre

Questions connexes