我有非常简单的代码:
<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 不将子图像附加到 anchor ? 谢谢!
最佳答案
我认为这是问题的原因:
var image = document.createElement('image');
HTML 和 XHTML 规范中没有image 元素。你的意思可能是:
var image = document.createElement('img');
在 Google Chrome 和 IE 9 (RC) 中测试后,他们似乎预料到了这种开发人员错误和 <img>
元素是为您创建的。
- 原始 fiddle :http://jsfiddle.net/WUFuu/
- 固定 fiddle :http://jsfiddle.net/WUFuu/1/
关于javascript - 使用 appendChild 图像锚定的 FireFox 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5245317/