0
私はiframe内の要素（同じ起点）を隠そうとしていますが、運はありません。ここでそれをしよう： https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_scriptiframeコード内のこの最もシンプルなjQuery hide要素が同じ原点でも機能しないのはなぜですか？
<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>
サイドバーがちょうど隠さない、何が間違っているのですか？ここに私が隠そうとしているそのウェブサイトの要素があります：
<nav class="w3-sidebar w3-collapse w3-white w3-card-2" id="mySidenav">
ドメインが 'httpsのでない限り：// www.w3schools.com'