【JS】画像のwidthとheightを自動で追加する（「要素のwidthとheightが明示的に～」回避）

function imgWidthHeightSet() {
    // すべての画像要素を取得
    const images = document.querySelectorAll('img');

    // すべての画像要素の src または data-src 属性を読み込み、width と height 属性を設定する
    images.forEach(image => {
        // 画像の読み込みを行う Image オブジェクトを生成
        const img = new Image();

        // 画像の読み込みが完了した時の処理
        img.onload = function() {
            // 画像の実際の幅と高さを取得し、width と height 属性に設定
            image.setAttribute('width', this.width);
            image.setAttribute('height', this.height);
        };

        // 画像の読み込みを開始
        img.src = image.getAttribute('src') || image.getAttribute('data-src');
    });
}
document.addEventListener('DOMContentLoaded', imgWidthHeightSet);