サンプルコード
// 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 element
const img = document.createElement('img');
img.src = 'xyz.jpg';
elem.appendChild(img)解説
Gigazineの2020年05月20日の記事からの引用です。
Google Chromeの最新安定版である83.0.4103.61でTrusted Typesなる新機能が追加されるようです。
これを有効にした場合、DOMへの単純な代入は使えなくなるようなので、書き方のメモとして残します。
詳細は参考URLで確認してください。
