javascript - 为什么 pre 标签后的换行符消失了？-6ren

javascript - 为什么 pre 标签后的换行符消失了？

转载作者：搜寻专家更新时间：2023-11-01 05:00:53

24

4

为什么紧跟在

 标签之后的新行没有出现在 DOM 中？
 <html>
<body>

<div id="mydiv">
hello
div
world
</div>

<pre id="mypre">
hello
pre
world
</pre>

<script>
alert("div content: "+document.getElementById("mydiv").innerHTML)
alert("pre content: "+document.getElementById("mypre").innerHTML)
</script>

</body>
</html>
表明与 div 标签后的换行符不同，前置标签后的换行符似乎不在 dom 中。而且整个innerHTML在pre-tag后没有显示换行。
有没有办法在 JS 中找出原始 HTML 文档是否在 
 之后包含换行符？

最佳答案

因为那是 what the spec says to do :

Note: In the HTML syntax, a leading newline character immediately following the pre element start tag is stripped.

所以如果你想在那里换行，有点违反直觉，你必须添加一个额外的:Example

<pre id="mypre">

hello
pre
world
</pre>

旁注:我强烈建议始终包含一个文档类型，即使是在您问题中的简短示例中也是如此。它可以产生影响(尽管我认为在这种情况下不会产生影响)。

关于javascript - 为什么 pre 标签后的换行符消失了？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23969607/

24

4

0

文章推荐： javascript - 如何在 MS CRM 2013 中创建内联对话框

文章推荐： javascript - 滚动到特定的 div

文章推荐： ios - 如何检测一个 NSString 是否包含一个大写字母

文章推荐： ios - UITabBarControllerDelegate 方法未被调用

javascript - 匹配

内的

和

看似不可能完成的任务。我有一个服务器输出，其中包含内的转储。不幸的是，我碰巧转储了一个包含一些 html 标签的文件。我需要转换任何内部 HTML 实体，以便当我将数据附加到 DOM 时结构不会

javascript - 捕获
```
 
```
标签之间的所有内容
我正在读取 .html 文件: const htmlin = String(fs.readFileSync(inputHtml) || ''); const splitted = htmlin.spl
html -
里面的文本格式没有了，怎么回事？
我在中输入了一些文本, 我输入了一些换行符、空格等。故意。但是，在提交文本并在内呈现之后, 换行符，空格消失了，它们被类似 \r\n\r\n 的东西所取代，怎么了？如何保持原始格式？我
html - html打印时如何避免
中的内容被截断
我在里面有很多内容我正在打印的标签。我正在对打印样式使用媒体查询。一切都很好，只是第一页的最后一行被剪切了。其中一半保留在第一页，另一半显示在下一页。我不知道如何将溢出转移到下一页。最佳答案我想通

javascript - 过滤掉

 并用  括起来是否安全？
									一些用户生成的文本(可能包含脚本/代码)将向公众展示。如果我过滤掉所有 和标记并用  将结果文本括起来和 ，用户提交的脚本有机会被执行吗？ 请给我一个如何破解这个保护方案的例子。 最佳答案 Is it

php - 从
```
 
```
标签中移除
我制作了简单的 BBCode 脚本，它运行良好。但后来我使用 javascript 库来美化我在中的代码. 现在我面临的唯一问题是中每行代码后的标签标签。所以问题是我怎样才能删除在
javascript - 如何使用javascript从 ``中删除 `
`？
Markdown 中的三个反引号渲染为 ... 。更具体地说， # in markdown ```java ``` # render as ... # my expecting result

regex - 用

 标签内的方括号 (<>) 替换除  标签内的换行符
									我使用 question 中提供的答案替换了 pre 标签外的所有换行符. \n(?![^) 它工作正常，直到 pre 标签中的内容有  括号。 例如，输入: Test contennt for re

javascript - 在

标签中获取选定的文本和文本索引，其中偏移量是 pre 的开始

所以我有一个像这样的前置标签: Some content, more content. Coloured content. Some more content 我想做的是使用绑定(bind) mou

android ant -pre-compile 与 -pre-build
我正在开发一个 android 项目，我们在其中使用 ant 构建我们的版本。在更改代码中的 versionName 和其他一些标志时，我们使用 Android-ant 目标 -pre-compile
php - "); ..... 回显 (""); ?> 是什么意思？
问题是标签我看过我正在编写的一个脚本，并使用了它: echo (""); ........ echo (""); 它到底做了什么？它是 Html 标签还是 PHP？我在 Google 上进行了
palm-pre - 现在 Palm Pre SDK 已经出来了，为那部手机开发需要什么？
我想知道哪些语言和工具(调试器、IDE、分析器、库等)可供想要为 Palm Pre 开发的人使用。另外，我想知道存在哪些必须注意的技术限制。最佳答案有一个 JavaScript 函数库，用于与基
Git pre-commit/pre-push hook 在提交时运行单元测试，在工作树上有未提交的更改
我目前有一个简单的 pre-commit 钩子(Hook)用于我的项目(在 R 中，虽然这是这个问题的附带)，它运行单元测试: #!/bin/sh a=$(Rscript tests/testthat
Git pre-commit/pre-push hook 在提交时运行单元测试，在工作树上有未提交的更改
我目前有一个简单的 pre-commit 钩子(Hook)用于我的项目(在 R 中，虽然这是这个问题的附带)，它运行单元测试: #!/bin/sh a=$(Rscript tests/testthat

html - 如何保留包含在 HTML

 标签中的文本的空白缩进，不包括文档中  标签的当前缩进级别？
									我试图在网站上显示我的代码，但在正确保留空格缩进时遇到问题。 例如给定以下片段:       Here is my code:          def some_funtion        ret

php - echo "
```
"的快捷方式 ;print_r($myarray);echo "
```
";
是否有快捷方式 echo ""; print_r($myarray); echo ""; 为了获得数组的可读格式而键入这些内容真的很烦人。最佳答案这是最短的: echo '',print_r
python - 如何正确配置我的 pre-commit 和 pre-push 钩子(Hook)？
我有一个简单的 python 项目，目前只有一个文件。它存在于我的项目的 static/cgi-bin 文件夹中。目前，在我的目录的底部，我有一个 .pre-commit-config.yaml 文件
regex - ($pre =~/\./&& $pre =~/\p{IsAlpha}/) 在 Moses Tokenizer 中是什么意思？
Moses Tokenizer是广泛应用于机器翻译和自然语言处理实验的分词器。有一行正则表达式检查: if (($pre =~ /\./ && $pre =~ /\p{IsAlpha}/) ||
mysql - 编译 MySQL 行列表以排除 : to Pre-Compile or not to Pre-Compile? 时
在我的一个 PHP 网站上，我需要为我的用户提供选择某些行以从网站上的所有搜索结果(查询)中排除的功能。我应该采取哪种方式来处理排除，我应该: 1) 每当用户登录(或通过查询更新它)时，预编译排除行
jquery - 使用从
到 div 的 html 值
考虑以下代码段。 <p class="text-centre"> </bHello World></b> </p> 然后我有另一个div如下正如您在第一个 div 中

首页

博学

6Ren·AI

商城

javascript - 为什么 pre 标签后的换行符消失了？