我们经常在网页中看到这种形式的内容，如图：
用鼠标点击一下，就变成了一个input，如图：
如果未输入内容，并且鼠标离开后，则变回了原来的样子；如果输入了内容，即使鼠标离开，也保持内容不变，此时输入回车，则添加内容，并清空输入框。
我在想这个是这么实现的？想了一下有这么一个思路：普通情况下这个是一个div或p元素，点击之后变成一个input元素，鼠标离开则变回原元素。代码（含详细注释版）如下：
[removed] = function () {
// 页面加载完给id为click-to-add的元素增加onclick方法
document.getElementById("
