javascript - 设置特定图像的样式

Question

假设我有以下任何一种情况:

<img src="image001.jpg">
<img src="../image001.jpg">
<img src="http://localhost/image001.jpg">

使用 JavaScript(请不要使用 jQuery 和 CSS)，是否可以在 <img> 之外设置相关图像的样式。标签。

例如，如果我有一个网站并且使用 Google Chrome Inspect> 控制台，我可以在图像上设置样式吗？像这样的东西:

var images = document.querySelectorAll("img");

for(var i = 0;i < images.length;i++){
  var image = images[i].src;
  if (image.indexOf('mystring') !== -1) {
  console.log(image);

}

Answer 1

Using JavaScript (not jQuery or CSS), is it possible to style the image(s) [...] ?

是的，绝对:

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

images[0].style.backgroundColor = 'rgb(255,0,0)';
images[1].style.backgroundColor = 'rgb(255,255,0)';
images[2].style.backgroundColor = 'rgb(0,0,255)';

for (var i = 0; i < images.length; i++) {
    images[i].style.width = '100px';
    images[i].style.height = '100px';
}

<img src="image001.jpg">
<img src="../image001.jpg">
<img src="http://localhost/image001.jpg">