witam,
potrzebuej zamienić taki tag jak kliknę w tego diva:

na taki


czy jest to w ogóle możliwe, na jakiej zasadzie to zrobić mając uchwyt do tego tagu (getElementById) ?

sam tag ciężko zamienić, nie wiem czy się da.
Ale tego div-a można imitować na pre poprzez dodanie stylu "white-space: pre" lub jeśli Ci chodzi nadanie takiego samego wyglądu jak pre, dodaj selektor w CSS do pre (pre, .imitacjapre) i wtedy do tego diva przypisz JavaScript'em klasę "imitacjapre" (w definicji CSS musi się znajdować white-space: pre)