JavaScriptでHTMLの要素を挿入する

JavaScript コンピュータ
JavaScript

ソースコード:

window.addEventListener('load', function () {
  let entory_form = document.getElementById('entory_form');
  let p_1 = document.createElement('p');
  p_1.textContent = 'HTMLのソースコードを見てもコンテンツの内容が無いのに、ブラウザで参照するとコンテンツが存在するページがあります。';
  entory_form.appendChild(p_1);
  let p_2 = document.createElement('p');
  p_2.textContent = '多分JavaScriptを使ってコンテンツを生成していると思われるので、自分なりに再現したいと思います。';
  entory_form.appendChild(p_2);
  let p_3 = document.createElement('p');
  p_3.textContent = '実はこの文章はJavaScriptで要素を追加しており、こちらの文章が見えているとすると、多分成功していると思われます。';
  entory_form.appendChild(p_3);
  let p_4 = document.createElement('p');
  p_4.textContent = 'loadイベントでp要素を生成し表示したい文字をセットし、appendChild()で追加しています。';
  entory_form.appendChild(p_4);
});

コメント