2017-05-06 2 views
0

Ich versuche ein Element in iframe (gleicher Herkunft) zu verstecken, aber kein Glück. Der Versuch, es hier: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_scriptWarum funktioniert dieses einfachste jQuery-Hide-Element im iframe-Code nicht am selben Ursprung?

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 


<script> 
$(document).ready(function() 
{ 
    $("#iframeID").css({"color": "red", "border": "2px solid red"}); 

    $('#iframeID').on('load', function() 
    { 
     console.log($('#iframeID').contents().find('#mySidenav')); 
     $('#iframeID').contents().find('#mySidenav').hide(); 
    }); 

}); 
</script> 
</head> 

<body> 
<iframe id="iframeID" height="800px" width="800px" src="https://www.w3schools.com/" ></iframe> 
</body> 

</html> 

Die Seitenleiste verstecken funktioniert einfach nicht, was falsch ist? Hier ist das Element auf dieser Website, die ich versuche zu verstecken:

+0

Sofern Ihre Domain ist 'https: // www.w3schools.com' dass' '