Question

我的代码非常简单：

<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不会将儿童图像附加到锚点？谢谢！

Answer 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/

FireFox问题与appendChild图像锚定

1 个答案: