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
投稿猜你喜欢
- asp fso type属性取得文件类型代码是用来返回类型指定的文件或文件夹。语法FileObject.Type FolderObject.
- 任何熟悉SQL和关系数据库的人都遇见过大量的连接类型。最简单的说，连接（join）会把两个表的内容组合到一个虚拟表或者recordset内。
IE的有条件注释是一种专有的（因此是非标准的）、对常规（X）HTML注释的Miscrosoft扩展。顾名思义，有条件注释使你能够根据条件（比- 简单的说，组织体系指的就是组织信息的方式。看了一堆拗口的定义后，我根据自己的理解画了下面这个图：从上图看出，同样的图形元素由于采用了不同的组
- 一、为表创建自增长自段有两种，一种是不同的表使用各自的Sequence，方法如下： 1、在Oracle sequence首先创建sequen
- 这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变
- 也许有人会说我火星了，但我的确是第一次知道，欢迎我从火星归来吧。在 Yahoo! 首页上隐藏着这样一个小秘密，大家到 www.yahoo.c
- 代码都比较容易理解的，主要就是在以16进制读取图片信息那段代码有点乱，其实仔细看看，也没什么的。glabal.cssbody{}{ &nbs
- alleen 问：下面是我制作的一菜单效果，现在的问题是当我只点击一级菜单A一次的时候，一级菜单A的背景色由绿色变成了黄色，再点击一级菜单B
- 这是一条颠覆常规的插入方法，一条INSERT语句可以完成向多张表的插入任务。小小地展示一下这种插入方法。1.创建表T并初始化测试数据，此表作
- 英文原文：http://www.456bereastreet.com/archive/200601/css_3_selectors_expl
- 本次薯片会讨论了关于分类与类型的问题。怎么找一个item？页面导航一般分类为主，在具体的分类展示下选择类型:典型例子：炫铃（QQ客户端）当只
- 今天一个同事报告一个问题，表都不能使用了,检查了一下，发现问题 db2 => select * from testACTNO ACTK
- class和id的命名,如果合理,可以使得文档具有清晰的结构我们现在解决办法就是使用现有的元素，通过给他们id或class而得到额外的信息。
- BluePrint是一个非常成熟也非常流行的CSS框架，很多网站和wordpress基于Blueprint搭建前端结构。最近，bluepri
- 最近做了一次口碑网注册流程改造，简单说一下激活邮件的设计上的一些小心得：1、尽量不要用图片，尤其是别把激活链接做成一个点击按钮。2、尽量少的
- 整本书围绕着一个叫做“CSS禅意花园”的网站展开，其实N久之前我在一份外国的关于CSS的在线教程上看到了这个网站的链接，可惜进去之后发现内容
- 提叻一个代码段，要人帮助解释一下。代码如下:declare type t_indexby is ta
- 为了防止采集，我试过各种方法，绝大多数方法是“ * 剑”－－－防止了采集，也影响了搜索引擎收录，实在不爽！一天本人忽发奇想：何不
- 我参与了IE7的开发过程，看到了在IE浏览器中形形色色使用MSXML的方法。显然有一些东西困扰着开发者：MSXML“混乱”的版本以及如何创建
