js js中的递归

关注

原创最新推荐文章于 2026-07-14 09:16:19 发布 183 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="div0">
    <ul>
        <li id="li0"></li>
        <li id="li1">
            <ul id="ul0">
                <li id="li6"></li>
                <li></li>
                <li id="li7"></li>
                <li id="li8"></li>
                <li></li>
            </ul>
        </li>
        <li id="li2"></li>
        <li id="li3">
            <div id="div4">
                <span id="span0"></span>
            </div>
        </li>
        <li id="li4">
            <a href="#" id="a0"></a>
        </li>
    </ul>
</div>
<div id="div1">
    <table>
        <tr>
            <td></td>
            <td id="td0"></td>
            <td></td>
            <td id="td1"></td>
        </tr>
        <tr>
            <td id="td2"></td>
            <td ></td>
            <td></td>
            <td id="td3"></td>
        </tr>
        <tr>
            <td></td>
            <td id="td4"></td>
            <td></td>
            <td id="td5"></td>
        </tr>
        <tr>
            <td id="td6"></td>
            <td ></td>
            <td></td>
            <td id="td7"></td>
        </tr>
    </table>
</div>
<div id="div2">
    <input id="texts" type="text">
</div>
<div id="div3">
    <div id="div7">
        <div>
            <div id="div8">
                <p>
                    <a href="#" id="a1"></a>
                </p>
            </div>
        </div>
    </div>
</div>
<script>

    //  递归函数
    /*
    * 递归函数即自调用函数，在函数体内部直接或间接地自己调用自己，即函数的嵌套调用是函数本身。
    *
    * */
    var obj={};
    function getElementId(elem) {
        if(elem.id){
            obj[elem.id]=elem
        }
        for(var i=0;i<elem.children.length;i++){
            getElementId(elem.children[i])
        }
    }
    getElementId(document.body);
    console.log(obj);
    obj.texts.value=10;// = obj[texts].value=10
    obj["div7"].textContent="100";
    var obj1={a:{c:{h:{x:2},s:1},d:{i:{y:3},z:5},k:6},b:{e:{m:{l:7},o:9},f:{n:{p:10},q:12},r:15}};
    var obj2={};
    function getObjectValue(obj1) {
      for(var pro in obj1){
          if(typeof (obj1[pro])!=="object"){
              obj2[pro]=obj1[pro]
          }else {
              getObjectValue(obj1[pro])
          }
      }
    }
    getObjectValue(obj1);
    console.log(obj2)
</script>
</body>
</html>