javascript - 使用 JavaScript 嵌套 DIV

Question

我试图在另一个 DIV 中单击按钮时加载 DIV，而在另一个 DIV 中单击它应该会在新创建的 DIV 中创建一个新的 DIV。这是我的 fiddle :http://jsfiddle.net/LzCW5/4/和我的代码:

HTML:

<a href="#" onclick="nestDiv()">Generate</a>
<div id='x0'>
    0
</div>

JavaScript:

int level=1;
function nestDiv()
{
    document.getElementById('x'+(level-1)).innerHTML="<div id='x"+level+"'>"+level+"</div>";
    level++;
    if(level==5)
        //do somthing
}

我也想在嵌套层数达到5时执行一些特殊操作。我对JavaScript不是很专业。那么请告诉我如何实现这一点？

Answer 1

在您的代码中，您只需将 int 更改为 var 并将该函数作为变量调用:

var level=1;
nestDiv = function()
{
    document.getElementById('x'+(level-1)).innerHTML="<div id='x"+level+"'>"+level+"</div>";
    level++;
}

You can see this working here