'How to make javascript function which returns array of elements

Create a function that, given a DOM Element on the page, will return an array that contains the element itself and all its descendants (not just its immediate children). For the ul#bottomMenu element the function should return elements [ul,li,li,a,a] (the order doesn’t matter).

Code:

<head>

    <script>

        // your function goes here. Show examples of how to use the function.

    </script>

</head>

<body>

    <h1>Sample page</h1>

    <div id="row">

        <div id="col1">

            <h2>Section 1</h2>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ipsum quam, condimentum ac pulvinar sed, luctus sed libero. Vestibulum vestibulum sodales tellus, sit amet placerat nulla venenatis non. Nunc facilisis est eget facilisis sollicitudin. Proin placerat mi eget consequat congue. </p>

            <p>Pellentesque finibus convallis magna, in convallis sapien fermentum id. Quisque rutrum sapien at sagittis sagittis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum a interdum felis. Vestibulum ac nunc vel turpis posuere venenatis a eu arcu. Morbi vulputate massa sit amet dui consectetur efficitur. Phasellus a lobortis enim. Mauris hendrerit consectetur orci eget scelerisque.</p>

        </div>

        <div id="col2">

            <h2>Section 1</h2>

            <p><a href="#">Lipsum dolor</a> sit amet, consectetur adipiscing elit. Nunc ipsum quam, condimentum ac pulvinar sed, luctus sed libero. Vestibulum vestibulum sodales tellus, sit amet placerat nulla venenatis non. Nunc facilisis est eget facilisis sollicitudin. Proin placerat mi eget consequat congue. </p>

            <p>Pellentesque finibus convallis magna, in convallis sapien fermentum id. Quisque rutrum sapien at sagittis sagittis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum a interdum felis. Vestibulum ac nunc vel turpis posuere venenatis a eu arcu. Morbi vulputate massa sit amet dui consectetur efficitur. Phasellus a lobortis enim. Mauris hendrerit consectetur orci eget scelerisque.</p>

        </div>

    </div>

    <footer>

        <ul id=”bottomMenu”>

            <li><a href="#">Home</a></li>

            <li><a href="#">About</a></li>

        </ul>

    </footer>

</body>
javascripthtmldom


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions