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%';
}