为啥样式表和层都加载进来了，但是就是没有样式的效果呢
日期：2014-05-16 浏览次数：20355 次
为什么样式表和层都加载进来了，但是就是没有样式的效果呢
html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试插入</title>
</head>
<script>
function addit(){
var d=document;
var h=d.getElementsByTagName("head")[0];
var linkcss=d.createElement("link");
linkcss.href="http://localhost/dongtai/a.css";
linkcss.rel="stylesheet";
linkcss.type="text/css";
h.appendChild(linkcss);
var box=d.createElement("div");
box.setAttribute("class","box");
box.innerHTML="层已插入";
d.getElementsByTagName("body")[0].appendChild(box);
}
</script>
<body>
<a href="#" onclick="addit();">添加</a>
</body>
</html>
_________________________________________
a.css
/* CSS Document */
.box{ background:red; width:100px; height:100px; position:absolute;}
------解决方案--------------------
var box=d.createElement("div");
box.className = 'box';
box.innerHTML="层已插入";
html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试插入</title>
</head>
<script>
function addit(){
var d=document;
var h=d.getElementsByTagName("head")[0];
var linkcss=d.createElement("link");
linkcss.href="http://localhost/dongtai/a.css";
linkcss.rel="stylesheet";
linkcss.type="text/css";
h.appendChild(linkcss);
var box=d.createElement("div");
box.setAttribute("class","box");
box.innerHTML="层已插入";
d.getElementsByTagName("body")[0].appendChild(box);
}
</script>
<body>
<a href="#" onclick="addit();">添加</a>
</body>
</html>
_________________________________________
a.css
/* CSS Document */
.box{ background:red; width:100px; height:100px; position:absolute;}
样式失效
------解决方案--------------------
var box=d.createElement("div");
box.className = 'box';
box.innerHTML="层已插入";
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
