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

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

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

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

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

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

console.log(elem.textContent);

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

elem.textContent = '!!!';

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

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

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

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

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

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