確定克隆的DOM元素

Question

我正在使用MediumEditor，其中所見即所得編輯器使用contenteditables。我需要爲contentEditable中的每個元素分配不同的ID，但是（當您按Enter時），編輯器會從最初的屬性克隆一個段落。我想知道是否有辦法從它被克隆的元素中識別出新的<p>元素？新元素可以放在現有元素之前或之後。

UPDATE：

下面是一個例子： https://jsfiddle.net/wwoh7e62/

<div id="container"> 
    <p id="myid" class="myclass" data-id="myid">some text</p> 
</div> 

<button onclick="doClone(); myFunc();">clone</button> 

<script> 
doClone = function() { 
    var container = document.getElementById('container'); 

    var node = container.getElementsByTagName('p')[0].cloneNode(false); 

    node.innerHTML = 'cloned node'; 

    container.appendChild(node); 
} 

myFunc = function() { 
    console.log('my func'); 
} 
</script> 

在doClone我沒有訪問代碼。我的代碼應該駐留在myFunc函數中。

當我輸入小提琴時，我意識到該解決方案可能會附加一個事件偵聽器（未克隆），並且新節點將是沒有事件偵聽器的那個節點。

更新：之前分配

IDS需要保持一樣大公被用來識別特定的節點。

Answer 1

你可以試試這個：

var length = document.getElementById("container").getElementsByTagName("p").length; for(var i=0; i < length; i++) { document.getElementById("container").getElementsByTagName("p")[i].id = i; }

：

1. 從 「P」

   <div id="container"> <p class="myclass" data-id="myid">some text</p> </div> <button onclick="doClone(); myFunc();">clone</button>

2. 然後將它們更新到您的Func鍵功能刪除ID

   這有幫助嗎？