javascript - 在jQuery中召唤 child

我创建了一个JS函数，该函数在HTML中.resizer下调整图像的大小，并以以下方式嵌套了图像标签。

<section id="homeSlide" class="shadow">
    <div class="contentHolder">
        <img class='opaque resize' src="http://www.colette.fr/media/push/swa_mmm_001255.jpg" />
    </div>
    <div class="contentHolder">
        <img class="resize" src="http://www.colette.fr/media/push/EGIFT_01234.jpg" />
    </div>
</section>

在我的JS中，我具有以下结构。

function ebi() {
var homeSlide = document.getElementById('homeSlide');
var myImgNodes = [];
for (var i = 0; i < homeSlide.childNodes.length; i++) {
    var childNode = homeSlide.childNodes[i];
    if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() == "img") {
        myImgNodes.push(childNode);
    }
}

但是，此功能似乎没有调整大小吗？

demo

最佳答案

这是我实现ebi的方式（假设IE8 +，则不需要jQuery）

function ebi() {
    return document.querySelectorAll('#homeSlide img.resize');
}

（fiddle）