js动态改变样式属性（className属性）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>className属性</title>

    <style type="text/css">
        .myDiv{
            height: 50px;
            width: 50px;
            border: 1px solid red;
        }
        .newStyle{
            height: 150px;
            width: 150px;
            border: 2px solid pink;
        }
    </style>
</head>
<body>

<div class="myDiv" id="myDiv"></div>

<script type="text/javascript">
     var div= document.getElementById("myDiv");
     div.onclick=function(){
         div.className="newStyle";  //newStyle是我们需要设置class的名称
     }
</script>
</body>
</html>

时间： 2024-11-06 23:43:57

js动态改变样式属性（className属性）的相关文章

js动态改变样式属性（style属性）

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Style</title>  <style type="text/css"> #myDiv{ height:

动态改变列的编辑属性 var tt=$('#dg').datagrid('getColumnOption', 'yearContent'); //通过列名获得此列 tt.editor={type:'textarea'}; //设置此列的编辑属性如果禁用编辑则设置 tt.editor={} 新增一行时 yearContent 列可以编辑 function append(){ if (endEditing()){ $('#dg').datagrid('appendRow',{});//新增一行

利用runtime实现延展动态改变模型类中属性的set，get方法

昨天大概的阐述了一下关于构架控制容器的概念,但是如果要丰满这个想法还有很多问题,比如如果我想对一些controller进行管理就势必涉及到controller的加载以及缓存,而想做这些的前提就是构建一个controller表.对表中设定的字符串管理,从而管理对应的controller.传统创建表的方法有很多,最为常用的就是plist文件,但是对于iOS开发的程序员来说,如果这个plist写死,在管理的时候就会比较死板,要知道oc是一门灵活的,动态的语言.如果我们使用NSUserDefaults,

js动态改变iframe的高度

js动态改变iframe的高度的写法〈iframe id="docDetail" width="100%" height="200" frameborder="0" src="a.htm"〉〈/iframe〉而a.html不是固定大小的,这个时候嵌套的iframe就会出现滚动条. 通过js获取iframe的高度,然后动态的改变,这样就不会出现滚动条. 方式一:在jsp的body里增加onload方法

关于JS动态切换样式表

最近在项目开发中发现一个很纠结的问题:jquery动态添加的节点无法正常渲染CSS样式,一番百度谷歌后,遍寻未果,后来我索性换一种思路,在前台中定义好CSS样式,然后在动态生成时控制CSS样式的开启和关闭,其实动态开启和关闭CSS样式就一句代码: document.styleSheets[i].disabled=true/false; document.styleSheets是页面中所有用<style></style>标签定义的样式个数,你可以通过document.styleShe

动态改变对话框可调整大小属性

MFC的对话框CDialog是怎么控制窗口可调整大小的属性的呢?打开资源文件,对话框资源的属性列表中,有一个“Border”项,改变该项的值就可以改变窗口边框风格.实际上windows窗口是否可调整大小,就是根据边框的风格来确定的.窗口风格中与边框有关的值如下: WS_BORDER - Thin-line border,不能调整大小: WS_DLGFRAME - dialog box typical border,不能调整大小: WS_SIZEBOX - sizing border,可以调整大小

js动态改变图片src在ie6下的兼容问题

场景:验证码图片在ie6下出不来这个BUG折腾了我近半个小时,最后GOOGLE成功,原因是IE6的底层BUG,我们使用<a>的href属性改变的时候会中断加载,导致我们看不到图片,这经常在验证码或动态改变图片的时候遇到. 所以我们在使用a 链接时通常href和onclick都会同时用到,链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接),假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,o

js动态改变元素属性img标签的src

<head> <title> just a test! </title> <script type="text/javascript"> /** * function:when you open the page,get user's data from database */ function set_follow(){ var count=0;// you should read it from database document.g

js中改变不同的div属性值的操作

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