javascript - 使用不带 jQuery 的 javascript 选择器来选择图像

Question

我有一些这样的图片:

<img src="http://127.0.0.1/test/images/cat01.png" alt="00" class="cat_img">
<img src="http://127.0.0.1/test/images/cat02.png" alt="00" class="cat_img">
<img src="http://127.0.0.1/test/images/cat03.png" alt="00" class="cat_img">

我想用 javascript(没有 jQuery)选择图像名称(cat01.png、cat03.png 和 cat03.png)。

我该怎么做？

我试过了:

var images = Array.prototype.slice.call(document.getElementsByClassName('cat_img'));
console.log('Images '+images);

感谢您的帮助。

Answer 1

或者像这样(不用Array.prototype.slice)

var images = Array.prototype.map.call(
  document.querySelectorAll(".cat_img"),
  function(img) {
    var src = img.src, 
        lastIndex = src.lastIndexOf('/');
    return src.slice(lastIndex + 1);
  });