子要素のsrc指定の仕方

JavaScript初心者です。
<img>の中にidを書かない場合についてです。
どのようにsrcを指定するのか教えてください。
ボタンのクリックで表示させたいです。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=11" > <meta name="viewport" content="width=device-width, initial-scale=1"> <title>子要素の画像表示</title> </head> <body> <main> <div class="container"> <button id="b_id" type="button" class="btn btn-primary btn-lg btn-block">ボタン</button> </div> <div id="result"> <h2>画像表示</h2> <img alt="ここに画像" /> </div> </main> <script src="js/script.js"></script> </body> </html>

kei344

2019/08/11 17:11

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

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

回答1件

ベストアンサー

html
1<main>
2  <div class="container">
3    <button id="b_id"type="button"class="btn btn-primary btn-lg btn-block">ボタン</button>
4  </div>
5  <div id="result">
6    <h2>画像表示</h2>
7    <img alt="ここに画像" />
8  </div>
9</main>
10<script>
11var img = document.querySelector("img");
12img.src = "https://placehold.jp/150x150.png";
13</script>