javascript - 如何将一串 HTML 注入(inject)到元素中？

Question

使用 Mootools，我们可以将一个元素注入(inject)到另一个元素中:

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

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

我们还可以通过字符串设置元素的 HTML:

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

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

是否有一个函数可以让我像注入(inject)元素一样注入(inject)字符串？

Answer 1

在底部插入:

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

在顶部插入:

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