javascript - innerHTML设置为包含HTML的字符串的问题

问题描述

问 题

在javascript高级程序设计中关于innerHTML讲到：
为innerHTML设置包含HTML的字符串与解析后的innerHTML的值不相同。

div.innerHTML = "Hello & welcome, <b>\"reader\"!</b>"

以上操作得到结果如下：

<div id="content">Hello &amp; welcome, <b>&quot;reader&quot;!</b></div>

我试了一下并没有出现以上结果，div显示的内容并没有序列化，

请问是我理解错了还是怎么回事？

解决方案

浏览器自动转义了，你把div换成pre标签试试。
去看了原文，发现题主理解错了，文中的意思是这样的：
输入：

div.innerHTML = 'Hello & welcome, <b>\"reader\"!</b>';

与以下输入等价：

div.innerHTML = 'Hello &amp; welcome, <b>&quot;reader&quot;!</b>';

输出的都是序列化的结果：

Hello & welcome, "reader"!

这篇关于javascript - innerHTML设置为包含HTML的字符串的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！