如何通过js修改css样式 JS设置CSS样式?
JS设置CSS样式?
JavaScript改变CSS样式可以分为本地和全局两种,分别是:第一,本地改变CSS样式有三种方式:直接改变样式、改变类名和改变csstext改变类名文档.getElementById(“obj”)。类名=“..”更改csstext:文档.getElementById(“obj”)。style.cssText=" 宽度:20px边框:solid 1px#F00“更改直接样式:文档.getElementById(“obj”)。style.backgroundColor=二是全局改变样式,通过改变外链样式的“H”值,即“改变模板样式”,实现网页样式的实时切换。首先,您需要为需要更改的目标分配一个ID,如下代码所示:<link rel=“stylesheet”type=“text/CSS”ID=“CSS”a=”火狐.css“/>通话很简单,如下所示:<span onclick=“javascript:文档.getElementById(“css”)。href=“ie.css文件“”>单击我来更改样式</span>
~][实例代码]HTML xmlns=http://www.w3.org/1999/xhtml标题页(www.xue51.com)/titlescript language=javascriptfunction变更样式(obj){对象.runtimeStyle.cssText= 颜色:#990000边框:1px实心CCCCCC}/script/headbodyinput id=BTN1 type=button value=modify color onclick=changestyle(this)//body/HTML。runtimestyle对象用于设置控件的格式和样式,并重写正在运行的进程中的现有格式和样式。其优先级高于样式,但不会永久保存更改的样式。
如何通过js修改css样式 js追加样式css样式 js修改style样式
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。