Почему при innerText функция не ставит пробелы?

Question

[Ily4farmer]

Почему в функции при замене textContent и innerHTML на innerText не вставляются пробелы?

<div class="title" id="title">
        Мы продаем только технику Apple
      </div>

function addWordAnArr(className, item, del, value) {
    let title = document.querySelector(className);
        
    arrTitle = title.textContent.split(" ");
    arrTitle.splice(item, del, value);

    title.innerText = "";

    arrTitle.forEach((i) => {
        title.textContent += i + " ";//Вот здесь перестает работать
        console.log(i);
    })
}
addWordAnArr(".title", 11, 0, "подлинную")

И чем будет предпочтительней пользоваться(textContent или innerHTML или innerText)?

Answer 1

[Арсений Матыцин]

Почти все теги обрезают строки. Для вывода сырого текста используются теги типа pre. В него и выводи свою портянку.