javascript - 操作 javascript 变量 [HTML] 以仅显示文本

Question

这是我的代码。

var Text = "First:<div>Second<span> Text</span></div><p>Third <span>Text</span></p><div>Forth.</div>";

我需要操作变量并仅显示文本。

输出应该是这样的:

First :
Second Text
Third Text
Forth 

只有当它找到 block 元素时才应该留下一行。由于我是 javascript 新手，因此只能在 html 位于 DOM 中时执行此操作。我需要在 javascript 变量中动态执行此操作。

编辑:1

您建议的答案有效。但它不适用于这个变量。

var text = '<p class="MsoListParagraph" style="margin-left:.25in;text-align:justify;
text-indent:-.25in;mso-list:l1 level1 lfo2"><!--[if !supportLists]--><span style="font-size: 10pt;">3.<span style="font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><!--[endif]--><span lang="EN-IN" style="font-size: 10pt;">Text&nbsp;<b>Text</b>&nbsp;Text.</span><span style="font-size: 10pt;"><o:p></o:p></span></p>';

它在控制台中显示“Uncaught SyntaxError: Unexpected token ILLEGAL”

请给我一些解决方案。

Answer 1

希望我的尝试能解决您的问题。这是链接

JSFiddle

 var Text = "First:<div>Second<span> Text</span></div><p>Third <span>Text</span></p><div>Forth.</div>";
document.getElementsByTagName('p')[0].innerHTML=Text;

编辑:这是代码中的双引号问题。

JSfiddle2