JavaScriptで動的にテキストを変換する

JavaScriptで、ボタンを押して、innerHTMLで文字を追加します。

parent_object.appendChild(div_element);

ボタンを再度押すと、そこにある文字が消える、としたいのですが・・・。

removeChild

を使うと、divが丸ごと消えていてhtmlが読めず、このエラーが出ます。

Uncaught TypeError: Cannot read property 'appendChild' of null

対策が分かりませんでした。
下記のページには</html>の直前にJSをおけばよい、と・・・。

http://blog.netandfield.com/shar/2015/04/avascript.html


結局、

document.getElementById("id").innerText = "";

として、idのあるdivの中のテキストを空白にすることに。

・・・これだったら、別にappendChildを使う意味がないような・・・。

jQueryだと簡単にできるようですね。

調べたサイト

https://developer.mozilla.org/ja/docs/Web/API/Element/innerHTML

http://analogic.jp/external-js-execute-timing/

ページ読み込み時にJavaScrtipt実行

window.onloadを使います

<script> 
  window.onload = function(){
    document.getElementById("inline1").style.display="none";
  }
</script>