动态创建树节点tree

最新推荐文章于 2024-08-15 14:23:35 发布

诸葛苍穹

最新推荐文章于 2024-08-15 14:23:35 发布

阅读量1k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/u012260672/article/details/77727508

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<a id="create" href="javascript:void(0)">创建列表</a>

</body>
</html>

<script type="text/javascript">
    var create = document.getElementById("create");
    var ul = document.createElement("ol");
    var num = 0;
    create.addEventListener("click",function () {
        tree(ul,{"width":100})
    },false);


function tree(obj,paramas) {
    if ( paramas == undefined) {
        return;
    }else {
        var li = document.createElement("li");
        if (paramas.background !== undefined) {
            li.style.background = paramas.background.toString();
        }else {
            li.style.background = "blue";
        }
        if (paramas.width !== undefined) {
            li.style.width = parseFloat(paramas.width)+'px';
        }else {
            li.style.width = 50+'px';
        }
        obj.append(li);
        document.body.append(obj);
    }
}

</script>