html标签的可编辑设置-contenteditable

在不可编辑的标签上，添加contenteditable属性，就可以对这个标签进行编辑修改。

通过以下代码，就可以对可编辑的元素进行聚焦：

let ele=document.getElementsByClassName('.div')[0];
if (document.selection) {
	let range = document.body.createTextRange()
    range.moveToElementText(ele);
    range.select();
} else if (window.getSelection) {
    let range = document.createRange();
    range.selectNodeContents(ele)
    window.getSelection().removeAllRanges()
    window.getSelection().addRange(range)
}

在聚焦以后，如果不想对聚焦的元素有拖拽的效果，那么在元素的属性上添加οndragstart="return false"即可。

效果如下：