个人中心
文章发布
退出
作者热门文章
- 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"
30
4
我想保存 DOM 的 html 字符串，稍后将其恢复为完全相同。代码看起来像这样:
var stringified = document.documentElement.innerHTML
// later, after serializing and deserializing
document.documentElement.innerHTML = stringified
这在一切都完美的情况下有效，但是当 DOM 不符合 w3c 时，就会出现问题。第一行工作正常，stringified 与 DOM 完全匹配。但是当我从(非 w3c 兼容的)stringified 恢复时，浏览器做了一些魔术，生成的 DOM 与原来的不一样。
例如，如果我的原始 DOM 看起来像
<p><div></div></p>
那么最终的 DOM 会是这样的
<p></p><div></div><p></p>
因为 div 元素不允许位于 p 元素内。有什么方法可以让浏览器使用与页面加载时相同的 html 解析并按原样接受损坏的 html？
为什么 html 一开始就坏了？ DOM 不是我控制的。
这是一个展示行为的 jsfiddle http://jsfiddle.net/b2x7rnfm/5/ .打开您的控制台。
<body>
<div id="asdf"><p id="outer"></p></div>
<script type="text/javascript">
var insert = document.createElement('div');
var text = document.createTextNode('ladygaga');
insert.appendChild(text);
document.getElementById('outer').appendChild(insert);
var e = document.getElementById('asdf')
console.log(e.innerHTML);
e.innerHTML = e.innerHTML;
console.log(e.innerHTML); // This is different than 2 lines above!!
</script>
</body>
最佳答案
如果您需要能够保存和恢复无效的 HTML 结构，您可以通过 XML 来完成。以下代码来自this fiddle .
要保存，请创建一个新的 XML 文档，向其中添加要序列化的节点:
var asdf = document.getElementById("asdf");
var outer = document.getElementById("outer");
var add = document.getElementById("add");
var save = document.getElementById("save");
var restore = document.getElementById("restore");
var saved = undefined;
save.addEventListener("click", function () {
if (saved !== undefined)
return; /// Do not overwrite
// Create a fake document with a single top-level element, as
// required by XML.
var parser = new DOMParser();
var doc = parser.parseFromString("<top/>", "text/xml");
// We could skip the cloning and just move the nodes to the XML
// document. This would have the effect of saving and removing
// at the same time but I wanted to show what saving while
// preserving the data would look like
var clone = asdf.cloneNode(true);
var top = doc.firstChild;
var child = asdf.firstChild;
while (child) {
top.appendChild(child);
child = asdf.firstChild;
}
saved = top.innerHTML;
console.log("saved as: ", saved);
// Perform the removal here.
asdf.innerHTML = "";
});
要恢复，您可以创建一个 XML 文档来反序列化您保存的内容，然后将节点添加到您的文档中:
restore.addEventListener("click", function () {
if (saved === undefined)
return; // Don't restore undefined data!
// We parse the XML we saved.
var parser = new DOMParser();
var doc = parser.parseFromString("<top>" + saved + "</top>", "text/xml");
var top = doc.firstChild;
var child = top.firstChild;
while (child) {
asdf.appendChild(child);
// Remove the extra junk added by the XML parser.
child.removeAttribute("xmlns");
child = top.firstChild;
}
saved = undefined;
console.log("inner html after restore", asdf.innerHTML);
});
使用 fiddle ，您可以:
按“添加 LadyGaga...”按钮创建无效的 HTML。
按“保存并从文档中删除”将结构保存在 asdf 中并清除其内容。这会将保存的内容打印到控制台。
按“恢复”恢复保存的结构。
上面的代码旨在通用。如果可以对要保存的 HTML 结构做出一些假设，则可以简化代码。例如，blah 不是格式正确的 XML 文档，因为您需要 XML 中的单个顶级元素。所以上面的代码煞费苦心地添加了一个顶级元素(top)来防止这个问题。通常也不可能仅将 HTML 序列化解析为 XML，因此保存操作序列化为 XML。
这更像是一个概念验证。将在 HTML 文档中创建的节点移动到 XML 文档或相反的方式可能会产生我没有预料到的副作用。我已经在 Chrome 和 FF 上运行了上面的代码。我手边没有 IE，无法在那里运行它。
关于javascript - 将准确的 innerHTML 还原为 DOM，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31077690/
30
4
0
当然，您可以将剩余文件大小除以当前下载速度，但如果您的下载速度波动(而且它会波动)，这不会产生很好的结果。有什么更好的算法可以产生更平滑的倒计时？ 最佳答案 安exponential moving a
对于一个业余项目，我正在尝试对齐照片并创建 3D 图片。我基本上在一个钻机上有 2 个相机，我用来拍照。我会自动尝试以您获得 3D SBS 图像的方式对齐图像。 它们是高分辨率图像，这意味着需要处理大
当然，您可以将剩余的文件大小除以当前的下载速度，但如果您的下载速度波动(而且会波动)，这不会产生很好的结果。什么是产生更平滑倒计时的更好算法？ 最佳答案 安exponential moving ave
我有一个数据集，其中包含患有糖尿病和未患有糖尿病的人。我想使用这些数据训练一个模型来计算糖尿病状况未知的人的风险概率。我知道在培训中没有被诊断出糖尿病的人大多数都没有糖尿病，但很可能其中一些人可能患有
let parent = path[row-1] let child = path[row] let indexOfChild = matrix[parent.obje
我正在编写一些使用 Element.getBoundingClientRect 的代码(gBCR)，加上内联样式更新，以执行计算。 这不适用于一般网站，我不关心或不感兴趣是否有“更好的 CSS 方式”
我有一个很大的 csv 文件，其中包含大量脏数据，我想通过消除所有不是绝对必要的值来稍微清理一下它。 Here是我正在谈论的文件。 它有以下组件: 网站,标题,开始日期,开始日期,雇主,地点,纬度,
有谁知道一个库，它为 Java 提供了一个错误不高于 1-2 毫秒的 Thread.sleep()？ 我尝试了 sleep 、错误测量和 BusyWait 的混合，但在不同的 Windows 机器上我
UiApp有DateBox和 DateTimeFormat 对于那个类(class)。但是，不存在诸如 TimePicker 或 TimeBox 这样的东西，用户可以通过明确指定的方式(例如通过使用
因此，我使用 sklearn 的 svm.SVC 模块编写了一个程序来学习 mnist 数据集，出于某种原因，每当我计算其准确性为 100% 时。这似乎好得令人难以置信，这是预期的吗？ from sk
我当前找到了 gpytorch ( https://github.com/cornellius-gp/gpytorch )。它似乎是将 GPR 集成到 pytorch 中的一个很棒的包。第一次测试也呈
我正在使用 QT Creator 5.9 创建一个简单的 Web 浏览器模型，我的 EditLine/Text Box 有问题: 1.如何在转到不同的网站/页面后自动更新显示的 URL 字符串。 2。
我在 Linux 上尝试 time -p 命令，我写了一些代码来浪费 CPU 周期: #include using namespace std; int main() { long int c;
亲爱的程序员/脚本编写者/工程师/其他人， 问题:我目前正在为 Android 3.2 平板电脑开发增强现实应用程序，但在获取准确的罗盘读数方面遇到一些问题。我需要确切地知道平板电脑所面向的 (z)
我最近一直在尝试了解 Apache Spark 作为 Scikit Learn 的替代品，但在我看来，即使在简单的情况下，Scikit 收敛到准确模型的速度也远远快于 Spark。例如，我使用以下脚本
如果不是，它的准确性如何？ 我想在下载之前知道图片的大小。 最佳答案 HTTP Content-length header 是否格式错误？是的。 您是否应该相信它能公平地表示消息正文的大小？是的。 关
这是一个关于 ngram 线性回归的问题，使用 Tf-IDF(术语频率 - 逆文档频率)。为此，我使用 numpy 稀疏矩阵和 sklearn 进行线性回归。 使用一元语法时，我有 53 个案例和 6
对于某些给定的固定宽度，如何计算特定标签 (NSTextField) 中字符串的高度？ 我用谷歌搜索了各种方法并尝试了 this method from Apple .它的工作原理，除了高度变成一行对
我是一名优秀的程序员,十分优秀！