Տարրերի տեքստի հետ աշխատանքը JavaScript-ում

DOM տարրերն ունեն textContent հատկությունը, որը թույլ է տալիս կարդալ այդ տարրերի տեքստը։ Դիտարկենք օրինակով։ Ենթադրենք մենք ունենք հետևյալ թեգը՝

html<p id="elem">text</p>

Ստացենք այս թեգի հղումը փոփոխականի մեջ՝

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

Կարդանք թեգի տեքստը՝

javascriptconsole.log(elem.textContent);

Փոխենք թեգի տեքստը՝

javascriptelem.textContent = '!!!';
Задание 1

Տրված է պարբերություն և կոճակ։ Կոճակի վրա կտտացնելիս կարդացեք պարբերության տեքստը և արտածեք այն կոնսոլում։

Задание 2

Տրված է պարբերություն և կոճակ։ Կոճակի վրա կտտացնելիս գրեք պարբերության մեջ նոր տեքստ։

Задание 3

Տրված են երկու պարբերություններ, որոնք իրենց տեքստով պարունակում են որոշ թվեր, և կոճակ։ Կոճակի վրա կտտացնելիս արտածեք էկրանին պահվող թվերի գումարը։

Задание 4

Տրված են երեք պարբերություններ թվերով, div և կոճակ։ Կոճակի վրա կտտացնելիս գրեք div-ի տեքստում թվերի գումարը։

Задание 5

Տրված է պարբերություն թվով և կոճակ։ Կոճակի վրա կտտացնելիս գումարեք պարբերության արժեքին մեկ և գրեք ստացված թիվը դարձյալ։

Задание 6

Տրված է պարբերություն տեքստով և կոճակ։ Կոճակի վրա կտտացնելիս գրեք պարբերության տեքստի վերջում բացականչական նշան։