LoginSignup
5

More than 3 years have passed since last update.

【一番速い】jsでHTML要素を追加する方法はこれを見てくれ。

Last updated at Posted at 2020-08-10

欲しいのはこれだろう??

jqueryは使わない。
insertAdjacentHTMLしか載せない。
けどそれでいいだろ?

<div id="BASE"><p>ぺぽー</p></div>

① ここには「beforebegin」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('beforebegin','<p>①に入るよん</p>');

② ここには「afterbegin」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('afterbegin','<p>②に入るよん</p>');

③ ここには「beforeend」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('beforeend','<p>③に入るよん</p>');

④ ここには「afterend」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('afterend','<p>④に入るよん</p>');

以上。

一瞬でわかるやつが欲しかった、、

「js 要素 追加」でググって3秒で答えが欲しかった。
ありがとう、たくさんの記事がヒットしてどれも丁寧に書かれてました。
が、丁寧すぎた!

内容量が多くて欲しい情報を探すのに時間がかかる。
実際、コーダーにはこれくらいで十分だろう?

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5