如何将 HTML 字符串注入到元素中？

使用 Mootools，我们可以将一个元素注入另一个元素：

$('childID').inject($('parentID'), 'top');

第二个参数允许我控制位置，可以是“顶部”或“底部”以将其注入到父对象中，也可以是“之前”或“之后”以将其作为同级对象注入。

我们还可以从字符串设置元素的 HTML：

var foo = "<p>Some text</p>";
$('parentID').set('html', foo);

我的问题是我希望字符串具有与元素相同的灵活性。例如，我不能使用以下方法将字符串放在元素的顶部set()因为这会覆盖 HTML，而不是将其附加到特定位置。同样，我无法在同级元素之后或之前附加 HTML。

是否有一个函数允许我以与注入元素相同的方式注入字符串？

在底部插入：

foo.innerHTML = foo.innerHTML + 'string';

在顶部插入：

foo.innerHTML = 'string' + foo.innerHTML;