Question

我创建了一个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

Answer 1

以下是我如何实现ebi（不需要jQuery，假设IE8 +）

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

（fiddle）

在Jquery叫出孩子们

1 个答案: