3

我正在尝试用纯 Javascript 克隆一个 div，但是，cloneNode 会导致重复的 id (div_0)。我想将 id 增加为 div_1, div_2... 并对 somevar = {'elem', 'div_1'} 执行相同操作...谢谢

<html>
<head></head>
<body>
<div id="mydiv">
    <div id="div_0">
        <script type="text/javascript">
            <!--
            somevar = {'elem', 'div_0'};
            //-->
        </script>
        <p>HELLO</p>
    </div>
</div>

<a href="#" onclick="cloning()">CLONE</a>

<script type="text/javascript">
    function cloning() {
        var container = document.getElementById('mydiv');
        var clone = document.getElementById('div_0').cloneNode(true);
        container.appendChild (clone);
    }
</script>
</body>
</html>
4

3 回答 3

4

尝试这个..

`

function cloning() {
    var container = document.getElementById('mydiv');
    var clone = document.getElementById('div_0').cloneNode(true);
    clone.setAttribute('id','div_'+document.getElementById('mydiv').getElementsByTagName('div').length);
    container.appendChild (clone);
}

`

于 2011-01-11T17:40:59.603 回答
1

设置counter=0，然后在每次cloning调用后递增，counter++并使用clone.id并将其设置为'div_' + counter

于 2011-01-11T17:08:17.390 回答
0

我还没有机会对此进行测试，但这可能会奏效：

function cloning (e) {
    if (typeof e === 'string') {
        e = document.getElementById(e);
    }

    var clone = e.cloneNode(true),
        last_inc = cloning.last_inc || parseInt(e.id.match(/(\d+)$/)[0], 10);

    last_inc += 1;

    clone.id = 'div_' + last_inc;
    cloning.last_inc = last_inc;

    e.parentNode.appendChild(clone);
}

如果您想在某处更新全局变量，您可以执行return { "elem" : "div_" + last_inc };并分配函数的结果。或者，您可以明确地进行分配，而不是返回。我推荐前者。

于 2011-01-11T17:58:40.083 回答