プロが教えるわが家の防犯対策術！

textContentを追記すると、HTML要素のbuttonが消えてしまいます。

解決済

  • 質問者：kyabetsu03
  • 質問日時：
  • 回答数：1件

最初に、HTML,JavaScriptの質問ですが、
今回はとても短いコードなので、HTMLとjavaScriptは纏めて表記させて頂いております。
ではさっそく以下の以下のコードなのですが・・、

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>タイマー</title>
</head>
<body>
<div id="timer"><div>
<button id="start">start</button>
<button id="stop">stop</button>
<button id="reset">reset</button>
<script>
var timer = document.getElementById('timer');
// timer.textContent = 0;
</script>
</body>
</html>


14行目の
// timer.textContent = 0;
ですが、このコメントアウトを外すと、
０という数字が画面に表示される代わりに、
start,stop,reset,のボタンがブラウザから消えてしまうのです。

０という数字の下に、start,stop,resetボタンが表示されているようにしたかったのですが、
ボタンが消えてしまう原因は、一体どうしてでしょうか？。

ご存知の方がいらっしゃいましたら、ご回答お待ちしております。
宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

</div>で閉じてないから

    • good
    • 0
    • 件
通報する
この回答へのお礼

的確なご指摘でとても助かりました。

ご回答ありがとうございました。

通報する
お礼日時：2018/06/24 22:01

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報