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