添加 div 元素的 execcommand

在网页开发过程中，经常需要在页面中添加 div 元素。可以通过 JavaScript 的 execcommand 方法来实现自动添加 div 元素的功能。

function addDiv() {
  document.execCommand('insertHTML', false, '<div>新建的 div 元素</div>');
}

上述代码中，addDiv 函数通过 execcommand 方法来实现自动添加 div 元素的功能。其中，第一个参数 'insertHTML' 是 execcommand 方法的指令，第二个参数 false 表示不需要对文档进行可撤销的修改，第三个参数是要添加的 div 元素的 HTML 代码。

可以通过在 HTML 页面中添加一个按钮，并调用 addDiv 函数来测试代码的功能。例如：

<button onclick="addDiv()">添加 div 元素</button>

执行结果如下：

添加 div 元素

除了添加 div 元素，也可以通过 execcommand 方法来实现添加其他 HTML 元素的功能。需要注意的是，execcommand 方法已经被废弃，不建议在实际开发中使用。如果需要实现自动添加 HTML 元素的功能，可以考虑使用其他方法来实现。