Question

FireFox中的document.body.appendChild的问题

function aa(){
var div = document.createElement("div");
div.style.backgroundColor = 'red';
div.style.margin = 1;
div.innerHTML = 'a';
div.style.width = 40;
div.style.height = 40;
document.body.appendChild(div);
}
代码如上, 这段javascript脚本在FF上可以显示,但是宽度和高都不是设定的值40, 如果把div.innerHTML="a";这句去掉后, 就什么东西都看不到了, 这是什么原因啊?

Answer 1

　　您好！很高兴为您答疑！

　　在高宽左右这些东西后面加上 + "px"，如div.style.width = 40 + "px";火狐下您可以安装Firebug，检查页面代码，错误部分会有提示。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

在高宽左右这些东西后面加上 + "px"
如div.style.width = 40 + "px";
FF才能认出

Answer 3

这是用到了vml吧？
firefox不支持vml，你写再好也没用，不是函数的问题，firefox浏览器就没那功能
请参考