Html ‹pre› неправильно форматирует/отображает текст

Следующий код правильно форматируется в HTML с помощью тега Pre. Теги разрыва отображаются правильно, показывая разрывы строк

<pre id="code">  package a;<br>import a.b;<br>import d.c;<br>public class Test{<br>}
     </pre>

Получите следующий вывод -

Однако, если я загружу тот же текст с помощью javascript

code.innerText = currentQuestion.code;

Тег break не отображается правильно и отображается как есть -

package a;<br>import a.b;<br>import d.c;<br>public class Test{<br>}

Может кто-нибудь, пожалуйста, помогите мне здесь .. спасибо