问题描述
- 请问动态加载dom后我iehewufa应用css样式
-
我用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); }
解决方案
单位加上,加了xhtml申明除非是0,要不单位全部加上
img{
width:10px;
height:10px;
overflow:hidden;
}
解决方案二:
css单位是最容易忽略的问题
时间: 2024-10-27 17:12:30