我用dom加载了一个图片,然后在主页的head中外联了一个css,运行网页后,css设置未生效,这是什么原因,请高手告知,不胜感谢。文件结构为:html文件名为1.html,在此文件的代码中外联了一个1.js和1.css文件,这三个文件置于同一个文件夹下,文件代码如下:
1.html代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="1.css">
<script type="text/javascript" src="1.js"></script>
</head>
<body id="bb">
</body>
</html>
1.css代码为:
img{
width:10;
height:10;
overflow:hidden;
}
1.js代码为:
window.onload=function(){
var domx=document.getElementById("bb");
var newx=document.createElement("img");
newx.setAttribute("src","1.jpg");
domx.appendChild(newx);
}