Как получить текст из div style,если их несколько?

Question

[Egor4ik1337]

Есть код: https://pastebin.com/2R0R8Ms3
Из него надо взять текст.

<div style="top: 42px; width: 690px; padding: 0px 20px; color: rgb(255, 255, 255); position: absolute; text-align: center; font: 32px/32px Arial;"><span style="opacity: 1;">О</span> <span style="opacity: 1;">чем</span> <span style="opacity: 1;">думают</span> <span style="opacity: 1;">люди</span> <span style="opacity: 1;">в</span> <span style="opacity: 1;">метро?</span> </div>

Но не знаю как,document.querySelector('div[style]').innerText выводит не тот текст,который надо.

Answer 1

[Stalker_RED]

У вас две ошибки:
1. вы используете innerText, который фишка IE а не кроссбраузерный. Замените на textContent
2. вы не умеете в селекторы. Первый попавшийся div[style], он действительно с текстом 1 0 0 Сто к одному Сто к одному Идёт загрузка...


Нужно точнее описать "приметы" того дива, из которого вы хотите вытащить текст. Ну или перебрать их все.

И еще, вы пишете "Из него надо взять текст" а дальше идет пример html кода. Если нужен HTML-код, то лучше использовать innerHTML или outerHTML

Comments

[Egor4ik1337]

Опять же,выводит не то,что нужно.

[rPman]

ваш пример выдает О чем думают люди в метро?а что должно быть?

[Egor4ik1337]

rPman, мой пример выводит ' 1 0 0 Сто к одному Сто к одному Идёт загрузка... '

[rPman]

Даже не знаю, вы уверены что у вас в браузере плагины не подсовывают рекламу? что показывает инспектор браузера по F11 (правая кнопка на блоке с текстом, Inspect Element)? должно быть то что вы написали в вопросе, иначе ищите проблему на компьютере/браузере.

Если вы открываете документ не с локального файла, а с сервера, проверьте еще провайдера, в РУ зоне ОПСОсы могут вытворять пиздец уровня - подсовывать свой рекламный мусор ВО ВСЕ незашифрованные страницы.

Вы фильтруете div по наличию атрибута style это какой то странный способ идентификации не кажется ли вам? добавьте диву id.

[alex]

Egor4ik1337,

не тот текст,который надо

а какой текст нужен? напишите его прям тут, то что вы хотите получить в итоге

[Egor4ik1337]

rPman, там не один div style,а несколько,в выдаёт всегда первый.

[Egor4ik1337]

Alex, вообще нужен 'О чем думают люди в метро?',но он разбит по span

<div style="top: 42px; width: 690px; padding: 0px 20px; color: rgb(255, 255, 255); position: absolute; text-align: center; font: 32px/32px Arial;">
	<span style="opacity: 1;">О</span>
	<span style="opacity: 1;">чем</span>
	<span style="opacity: 1;">думают</span>
	<span style="opacity: 1;">люди</span>
	<span style="opacity: 1;">в</span>
	<span style="opacity: 1;">метро?</span>
</div>

[rPman]

сделайте querySelector('#идентификатор')

Если вы делаете фильтрацию по условию, под которое подходят сразу несколько объектов, по уму должен подсовываться первый попавшийся, но лично я считаю это неоднозначностью, просто при разработке такой вариант лучше не использовать, читать код сложно, баги отлавливать сложно и прочее... везде старайтесь достигать однозначности и строгости, даже если это СЕЙЧАС кажется излишним, ведь ПОТОМ может оказаться не так.

[Egor4ik1337]

а как тогда получить текст который мне нужен?

[Stalker_RED]

Egor4ik1337, дополнил ответ.

[Egor4ik1337]

Stalker_RED, там только div style,а в самом тэге span. Это я к "Нужно точнее описать "приметы" того дива, из которого вы хотите вытащить текст. Ну или перебрать их все.
"

[alex]

Egor4ik1337, что мешает дать этому диву класс или идентификатор?

[Egor4ik1337]

Stalker_RED, всё,понял.

[Stalker_RED]

Egor4ik1337, и снова innerText
Удачи вам.

[Stalker_RED]

Alex, он парсит чужую страничку видимо