想问一下在js中怎样操作"css外联样式

JavaScript09

想问一下在js中怎样操作"css外联样式,第1张

1:获取你要操作的标签对象

2:用你获取到的对象改变其标签的样式。代码为:obj.style.background = "red"

这段代码中obj是你获取到的标签的对象,background是要改的css样式

或者这样写:obj.style.cssText = "background:redcolor:#444font-size:16px"

3:以上的这种方式都是动态添加元素的内联样式。你也可以改元素的class选择器或者ID选择器。

4:还有一种方法就是需要你自己封装一个获取外联样式属性值的方法,这种方法需要处理兼容。

5:对于以上回答如有哪里不理解请指正,追问

6:望采纳

定义一个id="flower"的div元素 并设置如上样式,目标就是通过javascript来获取样式的最终属性 ;

<div id="flower" >...</div>

getStyle函数:

这里用到了三个原型扩展

String.prototype.capitalize 这个方法是让字符串首字母大写

Array.prototype.contains 判断数组中是否有指定成员

String.prototype.camelize 这个是让"font-size" 字符串转换成 "fontSize" 这样的格式用来获取样式。

如果JavaScript语句比较多,应该将这些语句写在一个单独的js文件中。(1)先建立JavaScript文件,扩展名是.js(2)将要编写的js代码写到Js文件中,并保存文件。(3)将JavaScript文件引入到HTML文件中。script标签是双标记标签<script type="text/javascript" src="JavaScript文件名和路径"></script>注意:在一个已经引入外部js文件的script标签中,不能在它的开始标签和结束标签中写Js命令了。惯例上,先引入外部js文件,如果文件不能完全满足编程的需求,再在文件中添加script标签,来编写语句