Примеры JavaScript - В чем разница, различия между outerText и innerText, чем они отличаются?
Written on . Posted in HTML, CSS, JavaScript
ОГЛАВЛЕНИЕ
- Примеры JavaScript
- Как узнать ширину и высоту клиентской (рабочей) области окна браузера?
- Как заменить выделенный текст в TEXTAREA на другой?
- Как переместить (установить) текстовый курсор в начало или конец поля ввода textarea или input?
- После замены выделенного текста выделение пропадает. Как сделать так чтобы выделение оставалось?
- Как получить позицию текстового курсора в textarea элементе (textarea - позиция курсора)?
- Как получить количество строк в textarea элементе?
- Запрет выделения текста
- Проверка email-адреса с помощью регулярного выражения.
- Как получить десятичное число в шестнадцатеричном представлении (конвертация десятичного числа в шестнадцатеричное)?
- Как преобразовать значение цвета из rgb(n,n,n) в #HEX?
- RGB2HEX
- Как получить отдельно значение красного (Red), зеленого (Green), синего (Blue) цветов из RGB значения цвета? splitRGB, HEX2RGB
- Как получить #HEX значение цвета по его имени?
- Генерация случайного числа в Javascript
- Как перемешать массив случайным образом?
- Как перенести текст на другую строку в окне alert?
- Как удалить элемент массива? / Как добавить элемент в середину массива?
- Как проверить, загрузилась ли картинка в браузере (включена ли загрузка картинок)?
- Как убрать/вырезать пробелы (пробельные символы: tab, r, n, form feed, vertical tab) из строки?
- Как перевести код символа в символ (получить символ по его коду; аналог chr() в Javascript)?
- Как обраться к элементу формы в имени которого есть квадратные скобки "[]"?
- Как отметить/пометить/выделить все чекбоксы (checkbox) в группе?
- Как выбрать все значения в ячейках таблицы (как обойти таблицу по ячейкам)?
- Как убрать (удалить) страницу (адрес) из истории просмотра (browser history), чтобы она стала недоступной через кнопки Back/Forward (Назад/Вперед)?
- Как узнать/изменить значение атрибута class элемента (свойство className)?
- Функциии Javascript и значения по умолчанию...
- Как подавить сообщения браузера об ошибках Javascript?
- Как узнать на сколько прокручен документ (scrollLeft, scrollTop)? Почему scrollLeft, scrollTop всегда равны нулю? Как прокрутить содержимое окна документа?
- В чем разница, различия между outerText и innerText, чем они отличаются?
- Как убрать рамку вокруг ссылки (вокруг картинки ссылки) при клике?
- Как узнать на сколько проскручена страница (проскролленность страницы)?
- Как узнать ширину и высоту всей страницы вместе со скроллингом, а не только её видимой части?
- Как узнать координаты центра окна с учетом скроллинга?
- Как изменить размер окна после загрузки страницы?
- Как развернуть окно во весь экран (максимизировать)?
- Как открыть окно в полноэкранном режиме как при нажатии F11?
- Как узнать положение элемента на странице (определение координат элемента)?
- Не получается обратиться к свойствам другого фрейма (окна). Что делать?
- Как заполнить одну строку другой до определённой длины?
- Я хочу получить значение CSS свойства, но возвращается пустая строка
- Как узнать координаты мыши (положение курсора мыши) относительно окна документа?
- Как узнать координаты мыши (положение курсора мыши) внутри абсолютно позиционированного элемента?
- Как узнать значение группы input radio (input type radio value)?
- Посимвольное отображение строки с задержками
- Обращение к родительскому окну из дочернего
- Округление до N знаков после запятой
- Все страницы
Страница 30 из 47
В чем разница, различия между outerText и innerText, чем они отличаются?
Разберемся со свойствами на примере тэга SPAN (он выделен цветом), который заключен в тэге P:
Привет, незнакомец!
Абзац изнутри:
<p>Привет, <span id="ioExSpan">незнакомец</span>!</p>outerText = undefined
innerText = undefined
Как видно, при чтении свойства outerText и innerText возвращают идентичные значения.
А теперь присвоим новые значения данным свойствам. Нажмите сначала на кнопку 1, и посмотрите, как изменится "Абзац изнутри", а затем кнопку 2.
1.2.
Таким образом, пришли к тому, что: