使用createElement生成的div在ie6下的className属性无效

kayzombie 2009-08-31 01:36:22

用createElement("div")生成的div对象，使用.className="xx"设置了css样式，但在ie6下没有把css应用到这个层里，在ie7，ie8下都正常，也换过setAttribute("class",xx),setAttribute("className",xx)，都没起作用。。。在线等。。。

...全文

329 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

kayzombie 2009-08-31

打赏
举报

终于解决了。。。是原来css文件用的默认的ANSI编码，我的js都是utf-8的编码，因为编码不同访问不到css文件。。。真郁闷。。。

kayzombie 2009-08-31

打赏
举报

我把原来外联的css改到内联就起作用了。。。ie6的classname竟然不支持外联的css。。。

kayzombie 2009-08-31

打赏
举报

[Quote=引用 1 楼 beenz 的回复:]
JScript code//应该这样用var odiv=document.createElement("div");var att=document.createAttribute("class");
odiv.attributes.setNamedItem(att);
att.nodeValue="className"
[/Quote]
换了还是没效果啊。。。ie6下没效果

s_liangchao1s 2009-08-31

打赏
举报





<!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>

  <title> new document </title>

  <style>

	.divstyle {

		width: 300px;

		height:300px;

		border: 1px solid red;

	}

  </style>

  <script type="text/javascript">

  <!--

	function create(){

		var odiv = document.createElement("div");

		odiv.className = "divstyle";

		document.body.appendChild(odiv);

	}

	

  //-->

  </script>

  

 </head>



 <body>

  <input type="button" value=" Create " onclick="create();" />

 </body>

</html>

IE6没发现什么问题

BeenZ 2009-08-31

打赏
举报

还有不清楚的地方请提出

BeenZ 2009-08-31

打赏
举报



//应该这样用

var odiv=document.createElement("div");

 var att=document.createAttribute("class");

 odiv.attributes.setNamedItem(att);

att.nodeValue="className"