jQueryを使わずに属性の追加を変更したい

Question

jQueryを使わずに属性の追加を変更したい

jQueryの場合

jQuery(function() {
  jQuery(".Logo").width(256).height(256);
});

使わない場合

document.getElementsByClassName('Logo')[0].setAttribute("width", "256");
document.getElementsByClassName('Logo')[0].setAttribute("height", "256");	

と記述するとエラーがでてしまいます。
Uncaught TypeError: Cannot read property 'setAttribute' of undefined

どのように記述すればよいのでしょうか？

Answer 1

提示されているjQuery利用コードには、「ドキュメントのパーズが終わったら実行する」という挙動が入っていますが、後者のコードには入っていないため、<script>の位置によっては目的の要素が見つかりません。以下のようにして実行を遅らせましょう:

document.addEventListener('DOMContentLoaded', () => {
  const logo = document.querySelector('.Logo');
  logo.setAttribute("width", "256");
  logo.setAttribute("height", "256");
});

Comments

[xu0124]

すばらしいです！ばっちに付与できました。jQueryの実行順のことは知らず、全然わからなかったので本当に助かります。ありがとうございました！！