Такой тупизм (см. ниже цепочку), я могу легко сократить до Было-стало, сразу задав конечное значение,
НО!
txt='Ipsum',
txt='Dolor',
txt='Sit Amet'
такая непрерывная Цепочка
была записана для понимания идеи.
На самом деле
между этими строками может быть любой другой код!
Все это придумано для того, чтобы я по ходу написания функции не дублировался сто раз, получая каждый раз свойство заново.
Я подумал, что было бы круто, например, в начале функции получить требуемое свойство, в данном случае 'text', и использовать его много раз, не дублируя код!
Реальный код будет конечно не таким, как тупизм выше, например:
function Handler(){
let txt = elem.text;
console.log('Поехали');
txt = 'Ipsum'; // *
let div = document.createElement('div');
div.dataset.type = 'toolbar';
elem.after(div);
txt = 'Dolor'; // *
div.append('Приехали');
txt = 'Sit Amet' // *
}
Как видим между строками со звездочкой есть другой код! ))
Поэтому нужна привязка к свойству, а не значению.