jQuery можно использовать в сочетании с простым оле-JavaScript для изменения текста HTML-элемента и установки в него нового содержимого, которое может быть текстом, изображениями, кодом или чем угодно. Здесь мы подробно рассмотрим следующие функции JS и покажем, как, когда и где вы можете их использовать.
В этом посте рассматриваются следующие функции jQuery: innerText (), innerHTML (), textContent ()
Функция jQuery innerText ()
Синтаксис: document.elementID.innerText = значение
Функциональность: JavaScript read и write свойство, которое определяет текст между открывающим и закрывающим тегами элемента.
Поведение: Включает разрывы строк.
Совместимость с браузерами: innerText () работает во всех браузерах, на которых мы тестировали.
Основной пример:
Sample Text inside a p element InnerTextSample Text inside a p element InnerText
JavaScript innerHTML () функция
Синтаксис:
document.getElementById («elementID»). innerHTML = значение
document.all.elementID.innerHTML = value // только IE
Функциональность: встроенная функция JavaScript для изменения HTML в элементе страницы.
Поведение: убирает разрывы строк.
Совместимость с браузерами: innerHTML поддерживается во всех браузерах.
Основной пример:
Образец текста внутри элемента p
Расширенный пример: замена регулярного выражения
теги n гарантируют, что он работает как innerText, а final replace () является регулярным выражением, которое удаляет все HTML-теги.
var message = div.innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "")
Функция jQuery textContent ()
Синтаксис:
var text = element.textContent; element.textContent = "i love jQuery (4u 😛 )";
Функциональность: jQuery FF Функция для изменения текста элемента страницы.
Поведение: убирает разрывы строк.
Совместимость с браузерами: Firefox имеет свое собственное свойство textContent, которое поддерживается Chrome и Opera, но IE не поддерживает его!
Базовый пример (ы):
Учитывая следующий фрагмент HTML:
// Get the text content: var text = document.getElementById("divA").textContent;
// Set the text content: document.getElementById("divA").textContent = "This is some text";
Проблема разрыва строки
innerText () показывает «para1? и «пара2? с разрывом строки между ними, но textcontent () не делает:
// IE / InnerText ():
para1
para2
// FF / TextContent ():
para1para2
HTML / JS Code, чтобы протестировать их все и выбрать один!
jQuery4u - это элемент деления, содержащий красный текст .
Другие функции jQuery, которые можно использовать для изменения элементов страницы: innertext.replace, innerHTML, innerText, textContent, html (), text (), div.innerHTML.replace, document.body.innerText, $ .fn.innerText, div: содержит, document.getElementById (id) .innerText.