画像を差し替えしたい。

main.htmlのpageをクリックしたら、page.htmlを子ウィンドウで開いてpage1.jpgを表示したいのですが、page.jpgのままで変わりません。
すべてローカル内でやっています。HTML5とJavaScriptとelectronを使用しています。

main
1<!DOCTYPE html>
2<html>
3　<head>
4　　<meta charset="utf-8">
5　　<script>
6　　　const fs=require('fs');
7　　</script>
8  </head>
9  <body>
10　　<p>page</p>
11    <script type="text/javascript">
12      p.onclick=function(){
13        var page=window.open("page.html");
14        page.onload=function(){
15          page.document.getElementsByTagName("img").src="page1.jpg";
16        }
17      };
18    </script>
19  </body>
20</html>

page
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5  </head>
6  <body>
7    <img src="page.jpg">
8  </body>
9</html>

kei344

2020/12/21 04:50

エラーは出ていませんか？デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error

退会済みユーザー

2020/12/21 04:59

どこにもエラーが出てません。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

画像を差し替えしたい。

関連した質問