JS | Содержимое элементов страницы



Есть два простых и похожих друг на друга метода, которые позволяют динамически изменять или получать содержимое элементов страницы. Выбрать способ нужно в зависимости от того, что вы хотите изменить, только текст или html разметку.



На чистом JS для этого можно использовать



el.textContent         // вернет текстовое содержимое 

el.textContent = 'foo' // установит новое значение



el.innerHTML // вернет html-разметку

el.innerHTML = '<div>foo</div>' // установит новое значение



В jQuery для этого есть два метода



$('.elem').text() // вернет текстовое содержимое

$('.elem').text('Foo'); // установит значение



$('.elem').html(); // вернет html-разметку

$('.elem').html('<div>Foo<div>') // установит значение