Можно ли программно выбирать любой текст на веб-странице в теге <p>или <span>?

Question

Можно ли программным образом выбрать любой текст на веб-странице в теге

? элемент ввода и элемент textarea могут легко это сделать, но как насчет текста в других случаях?

Answer 1

Пример получения внутреннего текста из тега <p> можно найти здесь . То же самое с <span>.

Чтобы установить его, вам просто нужно присвоить свойство InnerText.

Если ваш javascript-фрагмент находится вне области видимости (в функции и т. Д.), Используйте метод GetElementById глобального объекта документа для получения вашего <p> или <span> или чего-либо еще - фактически вы можете сделать это с любым элементом, если вы присваиваете элемент идентификатору.

Answer 2

Ответ JohnIdol будет работать во всех современных браузерах, кроме Firefox. См. здесь для таблицы совместимости браузера на innerText. Как показывает ссылка, вы можете использовать textContent, чтобы получить то же самое в FF.

Предложение использовать getElementById превосходно, но приятно отметить, что вы все равно можете получить доступ к тексту элемента, если к нему не прикреплен идентификатор, что часто имеет место с * 1008. * и <span> теги. Например, если вы знаете, что у 4-го тега <p> есть текст, который вы хотите, вы можете сделать следующее:

var p = document.getElementsByTagName('p')[3];
var text = p.innerText || p.textContent;