关于函数参数的Javascript元素子元素

问题描述 投票:0回答:1

下面是一个代表性的代码的一部分。令我困惑的是:在这种情况下,参数“container”的等效DOM节点是什么?有很多元素,它如何考虑<img>元素是container.children?

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>

    <div id="slideshow">
        <img src="https://www.kasandbox.org/programming-images/animals/birds_rainbow-lorakeets.png" alt="Rainbow lorakeets" />
        <img src="https://www.kasandbox.org/programming-images/animals/butterfly.png"alt="Butterfly" />
        <img src="https://www.kasandbox.org/programming-images/animals/cat.png" alt="Cat" />
        <img src="https://www.kasandbox.org/programming-images/animals/crocodiles.png" alt="Crocodiles" />
        <img src="https://www.kasandbox.org/programming-images/animals/fox.png" alt="Fox" />

    </div>

    <script>
var slideShow = function(container) {
    this.images = [];
    this.curImage = 0;
    for (i = 0; i < container.childElementCount; i++) {
        this.images.push(container.children[i]);
        this.images[i].style.display = "none";
    }
javascript dom nodes element
1个回答
0
投票

container是你打电话给new slideShow()时传递的任何元素。在你的情况下,它应该是:

var ss = new slideShow(document.getElementById('slideshow'));

然后container.children是直接嵌套在DIV中的元素,它们都是<img>元素。

© www.soinside.com 2019 - 2024. All rights reserved.