Работа с текста на елементите с JavaScript
DOM елементите имат свойство textContent,
което позволява четенето на текста на тези елементи.
Нека разгледаме пример. Нека
имаме следния таг:
html<p id="elem">text</p>
Нека получим референция към този таг в променлива:
javascriptlet elem = document.querySelector('#elem');
Нека прочетем текста на тага:
javascriptconsole.log(elem.textContent);
Нека променим текста на тага:
javascriptelem.textContent = '!!!';
Даден е параграф и бутон. При клик на бутона прочетете текста на параграфа и го изведете в конзолата.
Даден е параграф и бутон. При клик на бутона запишете в параграфа нов текст.
Дадени са два параграфа, съдържащи в текста си някакви числа, и бутон. При натискане на бутона изведете на екрана сумата от съхраняваните числа.
Дадени са три параграфа с числа, div и бутон. При натискане на бутона запишете в текста на div сумата от числата.
Даден е параграф с число и бутон. При натискане на бутона добавете към стойността на параграфа единица и запишете полученото число обратно.
Даден е параграф с текст и бутон. При натискане на бутона запишете в края на текста на параграфа удивителен знак.