javascript-------遍历元素节点树，要求不能用 children 属性

<div>
        <p></p>
        <sapn>
            <strong></strong>
            <b></b>
        </sapn>
    </div>
    

    <!-- 第一个是直接遍历所有的子节点，没什么技术含量 -->
    <script>
        Object.prototype.bianli = function (target){
            var len = target.childNodes.length;
            for( var i = 0; i < len; i++){
                console.log(target.childNodes[i]);
            }
        }

        var div = document.getElementsByTagName('div')[0];
        bianli(div);
    </script>
    <!-- 第二个是利用递归思想，打印出父元素区域里包含的所有的元素，即先判断父元素的直接子元素，再将符合条件的子元素放入函数中再次执行判断 -->
    <script>
        Object.prototype.bianlii = function (Target){
            var len = Target.childNodes.length;
            
            for( var i = 0; i < len; i++){
                if( Target.childNodes[i].nodeType == 1){
                    console.log(Target.childNodes[i]); 
                    bianlii(Target.childNodes[i]);
                }
            }
        }

        var div = document.getElementsByTagName('div')[0];
        bianlii(div);
    </script>

以上是我body部分的代码，如您有更简便的方法，欢迎在评论区讨论！