Firefox 下 innerHTML 的一个 BUG
作者：blank 来源：怿飞blog 时间：2008-08-05 18:19:00
今天同事 明城 在项目中碰到一个 BUG，代码具体如下：
当你在 Firefox2.0+ 或 Firefox3.0+ 中点击链接后，会发现 innerHTML 插入的内容为<a>21</a>，而其他浏览器测试（IE6、IE7、Safari3.0+、Opera9.0+）都正常，插入内容均为文字 21。
估计是 Firefox 的一个 BUG，查找了官方网站的 BUG库，果真找到别人提交的该类问题——《Setting innerHTML on a block element inside an inline element creates extra copies of the inline element》（Bug 381808）。
我们可以参阅下8楼的 Boris Zbarsky 给出的个人解释：
There are two separate concepts of block vs inline. One in CSS and one in
HTML. They don’t match.In any case, the point is that in HTML <b> is not allowed to contain <div> (so
the <b> needs to get closed), but the text needs to be bold for compat so we do
residual style handling. HTML5 is going to define a different method of doing
this anyway, so at that point we’ll need to revisit this bug.
虽然这是一个 BUG，但 BUG 的造成也却是人为的不良习惯造成的，在 WEB 标准中严格来说内联元素是不允许包含块级元素的（扩展阅读：《Allowed nesting of elements in HTML 4 Strict (and XHTML 1.0 Strict)》）。
0
投稿猜你喜欢
交互设计实用指南系列(3)—“有效性”之“适时帮助”
请正确认识MySQL对服务器端光标的限制
ASP 操作cookies的方法
这种sql写法真的会导致索引失效吗
安装SQL Server 2005时出现计数器错误
python 内置函数-range()+zip()+sorted()+map()+reduce()+filter()
python实现定时提取实时日志程序
Python如何批量获取文件夹的大小并保存
解决Python requests库编码 socks5代理的问题
分析详解python多线程与多进程区别
Python多线程获取返回值代码实例
ASP连接SQL2005数据库连接代码
SQL中创建存储过程
PHP高级编程实例：编写守护进程
菜鸟课堂：玩转MySQL数据库 性能优化八法
Echarts.js无法引入问题解决方案
关于python3的ThreadPoolExecutor线程池大小设置
解决无法配置SQL2005问题
CentOS6.9下mysql 5.7.17安装配置方法图文教程
