动态创建div式样，遇到麻烦，求大神帮忙解决下

动态创建div样式，遇到麻烦，求大神帮忙解决下




<script>

function includeStyleElement(styles,styleId) {

if (document.getElementById(styleId)) {

return

}

var style = document.createElement("style");

style.id = styleId;

//为ie设置属性

/*if (isIE()) {

style.type = "text/css";

style.media = "screen"

}*/

(document.getElementsByTagName("head")[0] || document.body).appendChild(style);

if (style.styleSheet) { //for ie

style.styleSheet.cssText = styles;

} else {//for w3c

style.appendChild(document.createTextNode(styles));

}

}

var styles = "#div{background-color: #FF3300; color:#FFFFFF }";

includeStyleElement(styles,"newstyle");

</script>

style.id = styleId;这句话的 style与id中间的 . 是干什么用的？不明白这个点有什么作用

怎么用js创建<script type="text/javascript"></script>这样的语句？

想增加id为my的div样式，怎么实现？
------解决思路----------------------
style.id = styleId;这句话的 style与id中间的 . 是干什么用的？不明白这个点有什么作用

re:
对象.属性=值

怎么用js创建<script type="text/javascript"></script>这样的语句？
re:
动态加载js的写法




    var oHead = document.getElementsByTagName('HEAD').item(0); 


    var oScript= document.createElement("script"); 


    oScript.type = "text/javascript"; 


    oScript.src="test.js"; 


    oHead.appendChild( oScript);

------解决思路----------------------
想增加id为my的div样式，怎么实现？
re:

最好不要用js为某个元素动态添加样式。因为动态添加的元素也可以绑定已有的css定义

------解决思路----------------------

引用:

Quote: 引用:

想增加id为my的div样式，怎么实现？
re:

最好不要用js为某个元素动态添加样式。因为动态添加的元素也可以绑定已有的css定义



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


<style type="text/css">


</style>










</head>


<body>



<script>

function includeStyleElement(styles,styleId)

{

	if (document.getElementById(styleId))

	{

		return

	}

	var style = document.createElement("style");

	style.id = styleId;


	(document.getElementsByTagName("head")[0] 
------解决思路----------------------
 document.body).appendChild(style);


	if(style.styleSheet)

	{ //for ie

		style.styleSheet.cssText = styles;

	}

	else

	{//for w3c

		style.appendChild(document.createTextNode(styles));

	}

}

var styles = "#my{background-color: #FF3300; color:#FFFFFF }";

includeStyleElement(styles,"newstyle");

</script>



<div id="my" >



</div>



</body>

</html>

能不能帮忙看看这段代码为什么错了？

代码没有错误。只是你的div中没有内容，效果看不到而已

动态创建div式样，遇到麻烦，求大神帮忙解决下

相关推荐