那么如果这个不可编辑元素周围没有任何元素，如何在按下删除键得时候，自动选中这个不可编辑元素呢

如果一个不可编辑元素周围没有任何其他元素，那么在按下删除键时，用户将无法选择该元素。为了解决这个问题，您可以使用JavaScript来动态设置可编辑元素的`contentEditable`属性，并将焦点设置为该元素，从而使用户能够选择并删除该元素。以下是一个示例代码：

<div id="editableDiv" contentEditable="true">
  <p>This is some text.</p>
  <img src="image.jpg" alt="image" contentEditable="false">
</div>

<script>
  var editableDiv = document.getElementById("editableDiv");
  var image = editableDiv.querySelector("img[contentEditable='false']");
  if (image) {
    image.addEventListener("keydown", function(event) {
      if (event.keyCode === 8) { // delete key
        event.preventDefault();
        this.removeAttribute("contentEditable");
        this.focus();
      }
    });
  }
</script>

在上面的代码中，我们首先获取具有`contentEditable`属性为`true`的`<div>`元素，并检查该元素内是否有`contentEditable`属性为`false`的`<img>`元素。如果有，我们为该元素添加一个`keydown`事件监听器，以便在用户按下删除键时执行操作。在事件处理程序中，我们首先使用`preventDefault()`方法取消默认的删除操作。接下来，我们将该元素的`contentEditable`属性设置为`false`，这样就可以将其删除了。最后，我们将焦点设置为该元素，以便用户可以选择并删除该元素。

请注意，这只是一种解决方法，您可以根据您的具体情况进行修改。