js js中的递归

最新推荐文章于 2024-01-31 09:22:08 发布

keithzone

最新推荐文章于 2024-01-31 09:22:08 发布

阅读量132

点赞数

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/keithzone/article/details/79934774

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

keithzone

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js js中的递归

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt
复制链接

扫一扫

专栏目录