克隆和附加修改后的 Cloned JS 元素无法正常工作

如何解决克隆和附加修改后的 Cloned JS 元素无法正常工作

我有以下代码：

var SIT = window.setTimeout(function(){{
            var element = window.clonedElement.cloneNode(true);
            alert(element.getAttribute(data-login-name));
            element.removeAttribute('data-login-name');
            element.setAttribute('data-login-name','{0}');
            element['data-login-name'] = '{0}';
            window.clearTimeout(SIT);
            alert(element.getAttribute(data-login-name));
            return document.getElementById('student-buttons').appendChild(element);
            window.clearTimeout(SIT);

当我尝试克隆 + 修改 + 追加时，它的行为类似于克隆 + 追加。

基本上在我克隆元素和 appendChild() 后，它会正常工作，但是当我尝试克隆 + 修改 + 附加时，它会保留旧值。 alert() 函数显示正确的修改数据，因此元素内的数据是好的。为什么在 UI 中它加载了旧数据，就像在克隆 + 追加的情况下一样？

如何让 appendChild() 看到修改后的数据？