使用 Javascript 的 innerHTML 时如何按原样保留 html

Question

一切工作正常，decodeURIComponent(xmlhttp.responseText) 从解析脚本返回为 html，经警报检查，控制台中没有错误，但将 html 替换为编辑器

retHTML.innerHTML =decodeURIComponent(xmlhttp.responseText);

似乎具有将我的 html 翻译为编码的“功能” html(& 到 &) 等.. 我不确定为什么说它是内部 html 的命令会阻止您实际使用 html？ insideText 只是放大了这一点，而不是返回隐含的 html 自由文本。如何将返回的 html 返回到 div 作为我请求的 html？

function setHTML(retHTML)
{
retHTML.innerText =retHTML.innerHTML; }

function setTEXT(retHTML)
{
var tmpTXT =encodeURIComponent(retHTML.innerText);
var xmlhttp;
xmlhttp=new XMLHttpRequest(); 
xmlhttp.onreadystatechange=function()
{ retHTML.innerHTML =decodeURIComponent(xmlhttp.responseText);  }
xmlhttp.open("POST","path.php",true);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send('send=' + tmpTXT); }

测试标记

<object width="853" height="510">
<param name="movie" value="http://www.youtube.com/v/iaysTVcounI?version=3&amp;hl=en_US&amp;rel=0">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/iaysTVcounI?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1" type="application/x-shockwave-flash" width="853" height="510" allowscriptaccess="always" allowfullscreen="true">
</object> 

如下

<object width="853" height="510">
<param name="movie" value="http://www.youtube.com/v/iaysTVcounI?version=3&hl=en_US&rel=0">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/iaysTVcounI?version=3&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" width="853" height="510" allowscriptaccess="always" allowfullscreen="true">
</object>

Answer 1

innerHTML 在写入时是一个解析器，在读取时是一个序列化器，而不是存储文本的简单属性。

当您写入 innerHTML 时，它会将 HTML 源文本转换为 DOM 对象，例如 Element、Attr 和 TextNode。这些 DOM 对象反映了浏览器窗口中文档的真实状态，而不是任何看起来像 HTML 源的东西。

写入时，任何对 DOM 中存储的“信息集”不重要的信息都会丢失。这包括大小写（无论您的标签是 还是 ）、属性顺序、标签内的空格、实体和字符引用（即是否你说的是 café、café 或 café——对于 HTML 解析器来说都是一样的），等等 更多的。

读回您刚刚编写的 innerHTML 将重新序列化已解析的 DOM，并返回一些内容，但不一定与您输入的字符串相同。如果您在原始 HTML 中犯了错误，您还会发现输出已被更正，以反映 HTML 解析器所做的操作，以便能够读取您输入的内容。因此，无效的裸与符号必然会变成 &。

（我不确定您指的是哪种“编辑器”，但如果它是 </code> 那么它还会将 <code><</code> 修复为 < code><</code> 在您写入的任何 HTML 中，因为文本区域不能包含标记 在 a 中传回 URL 编码的数据也是相当奇怪和不必要的。 <code>responseText</code>；您确定是这样吗？）

预计到达时间：

应为 value="http://www.youtube.com/v/iaysTVcounI?version=3&hl=en_US&rel=0"

不，不应该。这不是有效的 HTML。将 & 转义为 & 绝对是正确的、必需的事情。

Answer 2

我觉得这有点贫民窟，但最终以下将是我的解决办法。我建议将此作为innerHTML 的替代方案，用于字符串的文字替换。

retHTML.innerHTML ='';  
retHTML.execCommand('insertHTML',false,xmlhttp.responseText);