JS如何获取某个div下存在多少个子div

Question

网站页面动态生成，JS如何获取某个div下存在多少个子div，如何获取这些子div的ID

Answer 1

 <script>
    function s() {
        var cs = document.getElementById("f1").getElementsByTagName("div");
        for (var i = 0; i < cs.length; i++) {
            console.log(cs[i].id);
                            //cs.length 就是子div总数，cs[i].id 就是可以获取的id
        }
    }
</script>

 <div id="f1" >
        <input id="btn1" value="获取子div的id" type="button" onclick="s()" />
        <div id="z1">
            <p><a href="#">ggggg</a></p>
        </div>
        <div id="z2">
            <div id="z5">hhhhh</div>
        </div>
        <div id="z3"></div>
    </div>

以下是输出结果：

ps（抱歉之前贴的代码有问题，看这一楼即可）