javascript - js如何判断一个div内有多张图片，并且控制其尺寸？

Question

如题，当有一张图片时js不控制，如果有多张图片，则控制该p内的图片宽度为一个定值，如何实现呢？

Answer 1

逻辑应该很清晰，jQuery 版的大概实现如下：

var images = $('#your-deiv img');
if(images.length > 1) {
  images.css('width', 100);
}

Answer 2

遍历pXX的childNodes，计算tagName是img的数量。如果超过1个，设置pXX.style.width。

不过还得看你的需求，如果需要考虑p内层的p/table之类的里面的img，就得递归遍历了。

Answer 3

var imgs = document.getElementById('img-wrap').getElementsByTagName('img');

if(imgs.length > 1) {
	for(var i = 0, len = imgs.length; i < len; i++) {
		imgs[i].style.width = '100px';
	}
}