JavaScript 需要发送 Esc 字符 \n 或文本返回 <p> 到 HTML/浏览器

Question

1) 在解释器中执行 JavaScript 时 - 我可以使用 esc 序列将一些文本放在第二行 注意：myHeading.textContent 的值在这个屏幕截图中与后面两个不同

   > myHeading.textContent + " \n How are things?"
   < "Joshua Tree is swell, Laurel Ruth Shimer 
   How are things?" = $1

2) 但是当我通过从浏览器 (Safari) 调用 html 来使用相同的想法进行测试时，我认为 '\n' 只是被视为 虽然我已经在 html 中完成了这项工作 - 当我在下一行放置一些内容时，HTML 并没有做任何特别的事情。当然，这是有道理的。

   var myHeading = document.querySelector('h1');
   myHeading.textContent = 'Good to see you again, ' + storedName +  ' \n    
  Write me again soon.' ;

3) 如果我尝试添加一个 html 标签，

，该标签只是作为文本的一部分包含在内。 html 引擎不会将其读取为实际字符（我不知道该怎么称呼它）

   var myHeading = document.querySelector('h1');
   myHeading.textContent = 'Good to see you again, ' + storedName +  ' <p>  
   Write me again soon.' ;

...

我有一个（可能是两个？）关于将 html 放入数组的 Stackoverflow 响应，但我认为这不是一回事。

Answer 1

虽然您的 shell 确实了解 \n 代表什么，但现代浏览器不了解。要在网页上表示newline，您应该改用<br> 元素。

现在，正如您已经体验过的那样，您不能使用 textContent 属性插入 HTML 元素。这是因为textContent 属性代表元素的文本，而不是 html——您设置的任何字符串都将被视为文本。

要设置元素的内部 html，请使用 innerHTML 财产。

这样的东西应该可以满足您的需求：

myHeading.innerHTML = 
    'Good to see you again, ' + storedName +  ' <br>  Write me again soon.' ;