Свойство textContent

Свойство textContent элементнинг текстини олиш ва ўзгартириш имконини беради.

Синтаксис

javascriptэлемент.textContent;

Мисол

Элементнинг текстини чиқарайлик:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Коднинг ишлаш натижаси:

javascript'text'

Мисол

Элементнинг текстини ўзгартирайлик:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Коднинг ишлаш натижаси:

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

Мисол

Агар элементнинг тегида теглар бўлса, у ҳолда свойствени ўқиш жараёнида бу теглар чиқарилмайди:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Коднинг ишлаш натижаси:

javascript'text'

Шунингдек қаранг

  • свойство innerHTML,
    элементнинг HTML кодини ўз ичига олади
  • свойство outerHTML,
    элементнинг ташқи HTML кодини ўз ичига олади