使用vanilla Javascript更新DOM元素的最佳方法是什么？

Question

我想有一个使用vanilla javascript执行以下操作的div：

1. 完全淡出
2. 使用新内容进行更新
3. 位置到新的屏幕坐标
4. 退回

取消也会在中途消失，所以如果用户快速点击按钮20次，它就不会淡出/淡出20次，只是最近一次。

这就是我现在所处的位置： https://jsfiddle.net/d685Ledu/

var items = JsonConvert.DeserializeObject<List<T>>(data);

实现这一目标的最惯用方法是什么？

Answer 1

如果您只是尝试更新该特定div，则需要更新margin-left和margin-right。

话虽如此，请将您的moveDiv功能更改为：

 function moveDiv() {   
  wrapper.style["margin-left"]="100px";
  wrapper.style["margin-top"]="100px";
}

就像我在第二条评论中所说，我强烈建议你研究一个框架。

Fiddle.