Получить текст внутри элемента

Question

<p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align: 
      justify;line-height:normal"> 
First Text 

<span lang="EN-US" style="font-size:12.0pt; 
      font-family:&quot;Times New Roman&quot;,&quot;serif&quot;"> 
Second Text</span> 

</p> 

Это мой код, как получить содержимое внутри тега абзаца. [Тэг может измениться на div или ul]. Мне нужен весь контент внутри тега абзаца javascript.

Вывод должен быть:

Первый текст Второй текст

К сожалению я новичок в JavaScript, искал, но не могу найти ответ на этот соответствующей проблемы. Спасибо

Answer 1

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

<p>hi there</p>

console.log(document.getElementsByTagName('p')[0].innerHTML);

нотабене в выше этом коде это выбор по имени тега, поэтому он возвращает массив совпадающих элементов

Таким образом, в вашем примере, используя .innerHTML с дать вам содержание P тегов, включая любую HTML-тег и т.д.

если вы хочу только содержание, вы можете использовать .textContent

console.log(document.getElementsByTagName('p')[0].textContent); Это обыкновение дать вам внутренние теги HTML

n.b. есть также метод innerText, но это не поддерживается в браузерах.

Answer 2

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

document.getElementsByTagName('p')[0].innerText 

Fiddle

Answer 3

InnerText должен быть хорошим решением.

console.log(document.getElementsByTagName('p')[0].innerText);

<p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align: 
 
      justify;line-height:normal"> 
 
First Text 
 

 
<span lang="EN-US" style="font-size:12.0pt; 
 
      font-family:&quot;Times New Roman&quot;,&quot;serif&quot;"> 
 
Second Text</span> 
 

 
</p>