javascript - joomlaモバイルページのすべての画像のサイズを変更します

Question

モバイルの場合、すべての画像の幅を 50% にしようとしています。現在モバイルかどうかを確認することは問題ありません。

私は試した：

document.getElementsByTagName('img').style.width="50%";

動いていない。誰でも私を助けることができますか？

Answer 1

document.getElementsByTagName('img')

個々の要素ではなく、NodeList を返します。

コードを機能させるには、最初にその NodeList を変数に割り当ててから、ループしてそれぞれに個別に変更を適用する必要があります。

var imgs = document.getElementsByTagName('img');

for(var i = 0, l = imgs.length; i < l; ++i){
  imgs[i].style.width = '50%';
}