个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
标签在 IE 中设置 innerHTML 时丢失换行符
24
4
我正在使用 Prototype 的 PeriodicalUpdater 用 ajax 调用的结果更新一个 div。据我了解，div 是通过设置其 innerHTML 来更新的。
div 包裹在 <pre> 中标签。在 Firefox 中，<pre>格式按预期工作，但在 IE 中，所有文本都在一行中结束。
这是找到的一些示例代码 here这说明了问题。在 Firefox 中，abc与 def 在不同的线路上;在 IE 中它在同一行。
<html>
<head>
<title>IE preformatted text sucks</title>
</head>
<body>
<pre id="test">
a b c
d e f
</pre>
<script type="text/javascript"><!--
var textContent = document.getElementById("test").innerText;
textContent = textContent.replace("a", "<span style=\"color:red;\">a</span>");
document.getElementById("test").style.whiteSpace = "pre";
document.getElementById("test").innerHTML = textContent;
--></script>
</body>
</html>
有人知道解决这个问题的方法吗？
最佳答案
设置 innerHTML 会启动一个 HTML 解析器，它会忽略多余的空格，包括硬回车。如果您更改方法以在字符串中包含
标记，它可以正常工作，因为 HTML 解析器保留了硬返回。您可以在运行示例页面后通过查看生成的源代码来查看实际情况:
<PRE id="test" style="WHITE-SPACE: pre"><SPAN style="COLOR: red">a</SPAN> b c d e f </PRE>这里可以看到硬回车不再是
标签内容的一部分
关于javascript - <pre> 标签在 IE 中设置 innerHTML 时丢失换行符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/451486/
24
4
0
内的和
看似不可能完成的任务。我有一个服务器输出，其中包含 内的转储。不幸的是，我碰巧转储了一个包含一些 html 标签的文件。我需要转换任何内部 HTML 实体，以便当我将数据附加到 DOM 时结构不会
标签之间的所有内容
我正在读取 .html 文件: const htmlin = String(fs.readFileSync(inputHtml) || ''); const splitted = htmlin.spl
我在 中输入了一些文本, 我输入了一些换行符、空格等。故意。但是，在提交文本并在 内呈现之后, 换行符，空格消失了，它们被类似 \r\n\r\n 的东西所取代， 怎么了？如何保持原始格式？ 我
我在里面有很多内容我正在打印的标签。我正在对打印样式使用媒体查询。一切都很好，只是第一页的最后一行被剪切了。其中一半保留在第一页，另一半显示在下一页。我不知道如何将溢出转移到下一页。 最佳答案 我想通
并用括起来是否安全？
一些用户生成的文本(可能包含脚本/代码)将向公众展示。如果我过滤掉所有 和标记并用 将结果文本括起来和 ，用户提交的脚本有机会被执行吗？ 请给我一个如何破解这个保护方案的例子。 最佳答案 Is it
标签中移除
我制作了简单的 BBCode 脚本，它运行良好。但后来我使用 javascript 库来美化我在 中的代码. 现在我面临的唯一问题是 中每行代码后的标签标签。 所以问题是我怎样才能删除 在
Markdown 中的三个反引号渲染为 ... 。更具体地说， # in markdown ```java ``` # render as ... # my expecting result
标签内的方括号 (<>) 替换除标签内的换行符
我使用 question 中提供的答案替换了 pre 标签外的所有换行符. \n(?
我是一名优秀的程序员,十分优秀！