Как конвертировать HTML в строку и добавить ее в элемент?

Question

[Isaac Clark]

Здравствуйте.
Подскажите пожалуйста.
Есть строка:

var mainContainer = document.getElementById('main');
var containerHTML = "<div class='test'>Hello</div>";

Я хочу эту строку добавить в другой элемент именно, как строку, а не как html-элемент.

function addStr(str) {
    var mainContainer = document.getElementById('main');
    mainContainer.insertAdjacentHTML('afterBegin', str);
}
addStr(containerHTML);

Но данная операция добавляет строку, как HTML, то есть я вижу только Hello текст.

Comments

[elmander]

использовать mainContainer.textContent = str;