【脱jQuery】JavaScriptだけでDOMを操作する

脱jQueryのためのメモ。

テキスト、HTMLの取得・設定

• 取得
  $el.text();⇒el.textContent;
$el.html();⇒el.innerHTML;
• 設定
  $el.text('xxx');⇒el.textContent = 'xxx';
• $el.html(‘xxx’);⇒el.innerHTML = 'xxx';

要素削除

$el.remove();⇒el.parentNode.removeChild(el);

要素の存在チェック

$el.is(selector);⇒el.matches(selector);