¿Cómo puedo inyectar una cadena de HTML en un elemento?

Usando Mootools, podemos inyectar un elemento en otro elemento:

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

El segundo parámetro me permite controlar la ubicación y puede ser 'superior' o 'inferior' para inyectarlo en un objeto principal o 'antes' o 'después' para inyectarlo como un hermano.

También podemos establecer el HTML de un elemento desde una cadena:

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

Mi problema es que quiero tener la misma flexibilidad con las cadenas que con los elementos. No puedo, por ejemplo, poner una cadena en la parte superior de un elemento usandoset() ya que esto sobrescribe el HTML en lugar de agregarlo en una ubicación específica. Del mismo modo, no puedo agregar HTML después o antes de un elemento hermano.

¿Hay una función que me permita inyectar cadenas de la misma manera que inyecto elementos?

Respuestas a la pregunta(7)

Su respuesta a la pregunta