如何删除选定的HTML元素？

Question

我想通过Javascript实现该功能，如下图所示。

在一个Input元素中，还有一些其他元素，然后想做：

1. 选择“输入”字段中的所有元素。
2. 按“删除”键删除所选元素。

Answer 1

我不确定我是否完全理解这个问题，所以如果我没有回答你的问题，请发表评论。

我认为您要做的是通过选择HTML元素然后按delete键来删除HTML元素。

＆＃13;

＆＃13;

<div contentEditable="true" style="outline: none">
  <img src="http://findicons.com/files/icons/385/game_stars/64/mario.png" />
  <img src="http://orig14.deviantart.net/f682/f/2010/331/4/e/darth_vader_icon_64x64_by_geo_almighty-d33pmvd.png" />
  <img src="http://icons.iconarchive.com/icons/rokey/the-blacy/64/grimace-icon.png" />
</div>

＆＃13;

＆＃13;

＆＃13;

我做的是添加了属性contenteditable，允许用户编辑<div>内的内容。

Answer 2

在我添加'contentEditable = true'之后，选择和删除工作。但选择UI看起来不太好。下面是选择截图。谢谢。

选择UI看起来与设计不同。有任何想法吗？感谢。