divタグを削除するというコードを書きたいのですがエラーがでてしまいます。

javascriptでidsを非表示にするというコードを書こうと思うのですが
document.getElementById("ids").style.display="none";でエラーがでてしまいます。
sample.htm:10 Uncaught TypeError: Cannot set property 'style' of null

改善法を分かる方お願いします

HTML
1<html>
2  <head>
3    <title>sample</title>
4    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
5
6    <script>
7        var $form = $(".form:first");
8        var $textarea = $(".textarea:first");
9        var $target = $("#ids:first");
10        document.getElementById("ids").style.display="none";
11        $form.on("submit", function(e){
12
13
14        });
15      </script>
16  </head>
17  <body>
18    <form name="form1" method="POST" class="form">
19      <input type="text" name="word" value="aaa" class="textarea"/>
20      <input type="submit" value="送信" />
21    </form>
22    <div class="target" id="ids">
23     aaaaaaaaaaaaaaaaa
24    </div>
25  </body>
26</html>
27

kei344

2016/10/21 02:02

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況をお教えください。

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

回答3件

文法の議論をする前に、タイミングの問題があるのではないですか？コードを見る限り、

document.getElementById("ids").style.display="none";

が div class="target" id="ids" の定義の前に動くように見えます。だから、Cannot set property 'style' of null ということになるのでは？

投稿2016/10/21 00:11

退会済みユーザー

総合スコア0

ベストアンサー

jqueryでの要素の表示・非表示は、display:noneを意識することなく、
$('#id').hide()と$('#id').show()で切り替えられませんか

投稿2016/10/20 23:43

akio221

総合スコア716

AaaAssss

2016/10/21 00:00 編集

回答ありがとうございます。切り替わりませんでした。

akio221

2016/10/21 00:12

Scriptタグの中身を以下のようにしてみて、実行されますか？ <script type='text/javascript' > $(document).ready(function(){ alert($('#ids').html()); $('#ids').hide(); }); </script>

AaaAssss

2016/10/21 00:31

できました。タイミングが悪かったのですね。ありがとうございます

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

そもそもなんですが、上のコードと同じようにjQueryでやるのはダメなんですかね？

javascript
1$("#ids").attr("display", false);

投稿2016/10/20 23:30

goute

総合スコア216

AaaAssss

2016/10/20 23:40

jqyeryで出来るのは知りませんでした。ありがとうございます。エラーは出ないのですが、動かなくなってしまいました。

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

あなたの回答

tips

プレビュー

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

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

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

ただいまの回答率
85.48%

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

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

質問する

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

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

divタグを削除するというコードを書きたいのですがエラーがでてしまいます。

関連した質問