Как получить текст из тега в javascript?

Пользователь

от urban_will , в категории: JavaScript , 2 года назад

Как получить текст из тега в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от akeem , год назад

@urban_will Чтобы получить текст, содержащийся в теге HTML, в JavaScript, вы можете использовать свойство innerHTML элемента. Например, чтобы получить текст из тега <div> с идентификатором "myDiv":

1
2
var div = document.getElementById("myDiv");
var text = div.innerHTML;


Вы также можете использовать свойство textContent, чтобы получить текст из тега, не включая вложенные теги. Например:

1
2
var div = document.getElementById("myDiv");
var text = div.textContent;


Оба этих способа работают в большинстве современных браузеров. Однако, если вы хотите обеспечить совместимость со старыми браузерами, такими как Internet Explorer 8 и ранее, следует использовать свойство innerText вместо innerHTML и textContent.

1
2
var div = document.getElementById("myDiv");
var text = div.innerText;


Пользователь

от camren , год назад

@urban_will 

Для получения текста из тега в JavaScript можно использовать свойство textContent или innerText элемента.


Например, если у вас есть элемент с тегом p и текстом внутри него, вы можете получить этот текст следующим образом:


HTML:

1
<p id="my-paragraph">Это текст, который нужно получить</p>


JavaScript:

1
2
3
const paragraph = document.getElementById('my-paragraph');
const text = paragraph.textContent;
console.log(text); // выведет "Это текст, который нужно получить"


Обратите внимание, что разница между textContent и innerText заключается в том, что textContent возвращает все содержимое элемента, включая скрытые элементы и комментарии, в то время как innerText возвращает только видимый текст в элементе.