Элементлар матни билан ишлаш JavaScript

DOM элементларининг textContent хусусияти мавжуд бұлиб, у элементларнинг матнини ўқиш имконини беради. Келтирилган мисол орқали кўрамиз. Фарз қилайлик, бизда куйидаги тег мавжуд:

<p id="elem">matn</p>

Ушбу тегга ҳаволани ўзгартувчига оламиз:

let elem = document.querySelector('#elem');

Тег матнини ўқиамиз:

console.log(elem.textContent);

Тег матнини ўзгартирамиз:

elem.textContent = '!!!';

Бир абзац ва тугма берилган. Тугма босилганда абзацнинг матнини ўқиинг ва уни консольга чиқаринг.

Бир абзац ва тугма берилган. Тугма босилганда абзацга янги матн ёзинг.

Матни сифатида сонлар ёзилган икки та абзац ва тугма берилган. Тугма босилганда экрандаги сонлар йиғиндисини чиқаринг.

Сонлар билан уч та абзац, бир та див ва тугма берилган. Тугма босилганда дивнинг матнига сонлар йиғиндисини ёзинг.

Сон билан бир абзац ва тугма берилган. Тугма босилганда абзацдаги қийматга биттани қўшиб, олинган сонни қайтадан ёзинг.

Матн билан бир абзац ва тугма берилган. Тугма босилганда абзац матнининг охирига ҳайқал белгисини қўшинг.