如何将子元素追加到父元素的outerHTML而不是内部？

// 获取父元素
var parentElement = document.getElementById('parent');

// 创建子元素
var childElement = document.createElement('div');
childElement.innerHTML = '子元素内容';

// 获取父元素的outerHTML
var parentOuterHTML = parentElement.outerHTML;

// 在父元素的outerHTML字符串中插入子元素
var newOuterHTML = parentOuterHTML.replace('</' + parentElement.tagName + '>', childElement.outerHTML + '</' + parentElement.tagName + '>');

// 更新父元素的outerHTML
parentElement.outerHTML = newOuterHTML;