html

• 2021年1月20日

[JavaScript] ドキュメントの読み込み後に処理を実行するコード

サンプルコード

if (document.readyState !== 'loading') {
  eventAfterLoad();
} else {
  document.addEventListener('DOMContentLoaded', eventAfterLoad, false);
  // or window.addEventListener("load", eventAfterLoad);
}

解説

昔は下記のようなコードが多かったですが、最近では諸事情で上手く機能しなくなってきました。…

• 2020年5月23日

[JavaScript] chromeでエラーを出さずにinnerHTMLするコード

サンプルコード

// Use a safe function
elem.textContent = ''; // OK

// Pass in a trusted type
import DOMPurify from 'dompurify';
const str = `Hello, world!`;
elem.innerHTML = DOMPurify.sanitize(str, {RETURN_TRUSTED_TYPE: true});

// Create an 

…