javascript - 複製された DOM 要素を特定する

Question

contenteditables を使用する WYSIWYG エディターである MediumEditor を使用しています。contentEditable 内の各要素に異なる ID を割り当てる必要がありますが、( を押すEnterと) エディターは、すべての属性を使用して、現在の段落から段落を複製します。<p>クローン元の要素から新しい要素を識別する方法があるかどうか疑問に思っていますか? 新しい要素は、既存の要素の前または後に配置できます。

アップデート：

例を次に示します: 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関数に常駐する必要があります。

フィドルを入力しているときに、解決策はおそらくイベントリスナー（クローンされていない）をアタッチすることであり、新しいノードはイベントリスナーを持たないノードになることに気付きました。

アップデート：

以前に割り当てられた ID は、特定のノードを識別するために使用されるものと同じままである必要があります。