使用 appendChild 图像锚定的 FireFox 问题答案

【问题标题】：FireFox problem with appendChild image to anchor使用 appendChild 图像锚定的 FireFox 问题
【发布时间】：2011-07-11 20:18:45
【问题描述】：

我有非常简单的代码：

<html>
    <head>
        <title></title>
    </head>
    <body>
        <input type="button" value="Add Button" onclick="AddButton();" />
        <br />        
        <div id="divBtnContent">

        </div>

        <script type="text/javascript">

            function AddButton() {
                var divBtnContent = document.getElementById('divBtnContent');
                var anchor = document.createElement('a');
                anchor.href = "http://backticket.com.ua";

                var image = document.createElement('image');
                image.src = "http://backticket.com.ua/Img/addNew.jpg";

                anchor.appendChild(image);
                divBtnContent.appendChild(anchor);
            }

        </script>
    </body>
</html>

它在除 FF 之外的所有浏览器中都能完美运行。为什么 FF 不将子图像附加到锚点？谢谢！

【问题讨论】：

标签： javascript asp.net html image anchor

【解决方案1】：

我认为这是问题的原因：

            var image = document.createElement('image');

HTML 和 XHTML 规范中没有 image 元素。您可能的意思是：

            var image = document.createElement('img');

在 Google Chrome 和 IE 9 (RC) 中进行测试后，他们似乎预料到了这种开发人员错误，而是为您创建了一个 <img> 元素。

原小提琴：http://jsfiddle.net/WUFuu/
固定小提琴：http://jsfiddle.net/WUFuu/1/

【讨论】：