Javascript element children about function parameter

Question

Below is part of a code that makes a sideshow. What confused me is: In this case, what is the parameter "container"'s equivalent DOM node? There are bunch of elements, how does it consider <img> elements are 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";
    }

Answer 1

container is whatever element you pass when you call new slideShow() . In your case, it should be:

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

Then container.children is the elements that are directly nested in that DIV, which are all the <img> elements.

Javascript element children about function parameter

Question

1 answers

solution1
0 ACCPTED 2017-12-29 10:31:19

Javascript element children about function parameter

Question

1 answers

solution1 0 ACCPTED 2017-12-29 10:31:19

solution1
0 ACCPTED 2017-12-29 10:31:19