精华内容
下载资源
问答
  • 动态修改class
    千次阅读
    2022-04-15 13:00:30
    //添加类名变量
     let danmakuWrapper = `.danmaku-wrapper{color:${this.danmakuData.color};font-size:${this.danmakuData.height}px;background:${this.danmakuData.bgColor};line-height:1 !important;}`
    
            function addNewStyle(newStyle) {
    
    //获取样式文件
                var styleElement = document.getElementById('styles_js');
    
                if (!styleElement) {
    //新增样式文件
                    styleElement = document.createElement('style');
                    styleElement.type = 'text/css';
                    styleElement.id = 'styles_js';
                    document.getElementsByTagName('head')[0].appendChild(styleElement);
                }
    //插入文档流
                styleElement.appendChild(document.createTextNode(newStyle));
            }
    
            addNewStyle(danmakuWrapper);

    更多相关内容
  • Javassist动态修改Class对象

    千次阅读 2022-07-24 16:34:48
    上一篇文章讲了动态代理,JDK的Proxy动态代理是用反射机制来实现,而CGLIB是通过ASM操作字节码来实现,用ASM操作字节码比较复杂,需要熟悉Class文件结构,用Javassist也可以实现修改类对象,可以在一个已经编译好的...

    一、背景

    上一篇文章 《Java代理》 讲了动态代理,JDK的Proxy动态代理是用反射机制来实现,而CGLIB是通过ASM操作字节码来实现,用ASM操作字节码比较复杂,需要熟悉Class文件结构,用Javassist也可以实现修改类对象,可以在一个已经编译好的类中添加新的方法或者修改已有的方法而不需要你对字节码文件有深入的了解,这个功能还是很强大,不仅服务端在做拦截时会用到,Android做热更新也可以用这个,唉,以前做了2年的Andoid现在差不多忘光了。

    二、Javassist核心类介绍

    CtClass:表示Class文件,一个CtClass对象可以处理一个Class文件,有addField、addMethod、addConstructor、writeFile(根据CtClass生成.class文件)、toClass(通过类加载器加载该CtClass)。
    ClassPool: 是CtClass对象的容器,makeClass方法创建一个CtClass空类。
    CtField:定义成员变量.

    CtMethod:

    insertBefore:在方法起始位置插入代码。
    insterAfter:在方法return语句前插入代码。
    insertAt: 在指定位置插入代码。
    setBody:设置方法体。
    make:新建一个方法。
    //$0=this, $1,$2,$3... 代表方法参数
    //这个表示法和Shell差不多
    ctMethod.setBody("{$0.name = $1;}")

    三、调用生成的类对象

    1、通过反射调用

    8df569c151804a3288345b74be520ffa.png

    2、通过读取.class文件调用

    c1516b9b6dd64e9f999f7d57484b7e7c.png

    四、修改一个类的方法

    在方法前后加入日志输出,打印调用方法的参数值。

    OrderService.java  原始类文件

    d0d31c63b20840c39284acaa286a093d.png

    ModifyOrderService.java 修改OrderService并用调用方法

    8275aaf85ad4475bbec3535e4e81f09f.png

    五、动态创建类并调用

    User.java 要建的类结构如下

    a916961f33064b8f96a47fe10cb1e8c7.png

    ba319f228a5a4be2b4b7a852d2e23838.png

    调用createUser方法会在内存中创建User对象并且执行printName方法。

    展开全文
  • uniapp 动态修改class 样式

    千次阅读 2021-07-15 14:27:10
    view class="city-list"> <view v-for="(item,index) in listsCities" :key="index" class="city" :class="{'on':selectCity == item.title}"> <text @tap="cityOnClick(item)" class="hot-...
    <view class="city-list">
    			<view v-for="(item,index) in listsCities" :key="index" class="city"
    				:class="{'on':selectCity == item.title}">
    				<text @tap="cityOnClick(item)" class="hot-text">{{item.title}}</text>
    			</view>
    		</view>
    

    :class=“” 里面是用{}括起来
    on的样式

    .city {
    			width: 140upx;
    			height: 50upx;
    			flex-direction: row;
    			display: flex;
    			background-color: #F5F6F8;
    			margin: 20upx;
    			justify-content: center;
    			align-items: center;
    
    			text {
    				color: #111;
    			}
    			
    			&.on {
    				background-color: #4180e9;
    				
    				text {
    					color: #fff;
    				}
    			}
    		}
    

    使用&符号处理

    展开全文
  • js动态修改class属性

    千次阅读 2020-06-18 10:34:07
    js动态修改class属性 在前端界面,希望通过点击修改class属性,实现代码如下: $(function(){ $("#selected li").click(function() { $(this).siblings('li').removeClass('active'); // 删除其他li元素的样式 $...

    js动态修改class属性

    在前端界面,希望通过点击修改class属性,实现代码如下:

    $(function(){
        $("#selected li").click(function() {
            $(this).siblings('li').removeClass('active');  // 删除其他li元素的样式
            $(this).addClass('active');                            // 添加当前元素的样式
        });
    });

    html代码如下:

    <ul class="nav nav-sidebar" id = 'selected'>
        <li class ="active">
            <a href="${pageContext.request.contextPath}/describe/result">基本信息</a>
        </li>
        <li >
            <a   onclick="getDescribe()">成绩查询</a>
        </li>
        <li >
            <a href="${pageContext.request.contextPath}/describe/result">测试查询</a>
        </li>
        <li >
            <a data-toggle="modal" data-target="#passwordCorrect">修改密码</a>
        </li>
        <li >
                <a href="${pageContext.request.contextPath}/signin/signInSuccess" onclick="login()">退出登录</a>
        </li>
        <li >
            <a href="${pageContext.request.contextPath}/signin/signInSuccess" >退出登录</a>
        </li>
    </ul>
    展开全文
  • vue动态修改class属性的几个方式

    千次阅读 2021-04-25 14:43:22
    1.使用:class给元素添加动态值 <span class="pdl-10" :class="addClass(value)"> {{value<0?-(value):value}} </span> methods: { addClass(diffValue){ if(diffValue>0){ return "arrow_...
  • class语法: <view :class="{ active: isActive }">111</view> <view class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">222</view> <view class="static" ...
  • 动态修改class的名字

    千次阅读 2019-04-25 15:51:08
    jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下: $("#test").attr(“class”,“blue”); $("#test").prop(“class”,“blue”); document.getElementById(“test...
  • 实现的原理很简单,只需要动态绑定一个class就可以了,现在分别列出三种情况 1.点击文字颜色改变,再次点击,点击的颜色改变,之前的颜色变回原来的颜色 代码如下: <template> <div class="list2"> &...
  • 修改标签的class属性值直接在css中定义多种css类型 然后在事件中对DOM对象的class属性进行切换,是最简单可行的一种方式。也是目前使用最多的方法。此方法会覆盖对象原有的class属性 var obj = document.getE...
  • vue 使用v-for 动态修改class

    千次阅读 2019-03-14 17:53:05
    通过v-for指令,按照index动态生成class 例如: .item-1 .item-2 .item-3 .item-4 .item-5 其中,1,2,3,4,5为循环遍历的下标。 源码实现 &amp;lt;template&amp;gt; &amp;lt;div class=&quot;game&...
  • Vue修改class样式

    千次阅读 2022-06-27 08:45:56
    class样式 写法:class="xxx" xxx可以是字符串,对象,数组。 字符串写法适用于:类名不确定,要动态获取。 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。 数组写法适用于:要绑定多个样式,个数...
  • 动态修改实体class类注释中的值

    千次阅读 2016-11-17 12:11:01
    针对有时在开发中遇到需要修改注释中值得问题,可以调用此封装的类进行修改
  • vue使用v-bind绑定style属性或class属性,动态修改CSS样式。动态修改style,动态修改class
  • js 动态修改html div中class属性

    万次阅读 2019-04-15 14:34:53
    $(".msg-voice-animation").className是取不到属性值的 发现$(".msg-voice-animation") 是数组 所以用$(".msg-voice-...$(".msg-voice-animation")[0].className += ‘ msg-voice-animation-run’ 可以修改属...
  • 【H5】标签class类名属性的动态修改方法: box.classList.add(“className”); //添加类名 box.classList.remove(“className”); //删除属性 box.classList.toggle(‘className’); //转换属性:class类名有...
  • vue动态绑定class

    千次阅读 2020-12-22 10:08:20
    1. 数据绑定vue 指令以v-前缀... 动态绑定classvue 的分隔符默认是{{ }}, 在分隔符里面的字符串会被认为是数据变量,可以通过class="{{ className }}"方式设置class,但是vue不推荐这种方式与v-bind:class的方式混用...
  • 微信小程序:动态控制class属性

    千次阅读 2021-11-16 13:44:31
    js: cateActive: '0', // 活跃选项下标 clickCate(e) { console.log(e) this.setData({ cateActive: e.currentTarget.dataset.index }) }, wxml: {cateArr}}' class='cate_item' wx:key='cate' bindtap='...
  • 微信小程序切换导航栏,因为微信小程序不能与jQuery一样用...view class="header-sort-nav"> <view bindtap="tapHan" class='sort-li {{_index==1?"nav-checked":""}}' data-index="1">招生通告</view>
  • js动态改变class名字

    千次阅读 2018-03-06 11:00:16
    var fenlei = $("#worksheetField140").val(); if(fenlei == 1){ $("#qsType20").removeClass("required"); }else{ $("#qsType20").addClass("required"); }
  • Java字节码介绍及动态修改

    万次阅读 2018-09-06 18:36:30
    前言 ...所以动态修改类的时机在于修改.class文件,只要通过修改.class文件的字节码,即可达到修改类的目的。修改字节码可以通过ASM这个开源框架实现,ASM是一个Java字节码引擎的库,具体可以查看...
  • 然后动态点击,调整class的样式 案例效果 (圈住的部分为例子,点击哪个语言,哪个标签就变黄) 代码部分: 简易流程:在wxml中 使用 for循环时候的 index索引。当标签点击的时候 使用data-index={{index}} 将in...
  • IDEA插件修改class文件

    千次阅读 2021-09-03 16:28:52
    三、修改class文件 步骤一 步骤二 步骤三、点击常量池查找要修改的常量名称,左边就是对应的常量值 步骤四、编辑赋值 步骤五、保存刷新 四、总结 然后就可以使用修改之后的class文件。请合理使用~ .
  • angularJs中的ng-class动态改变样式

    万次阅读 2017-05-28 17:27:07
    --ng-class="{lock:v.status==0}":当v.status==0时,lock值为true,添加lock的样式--> < tr ng-repeat = "v in data" ng-class = "{lock:v.status==0}" > < td > {{ v.id }} td > <!--ng-class="{red:...
  • js修改html中class属性

    万次阅读 多人点赞 2016-10-22 01:05:11
    用到js修改html的class属性值,归纳总结下: 一、获取class属性值 var value = $("div").attr("class"); //这里获取class属性值 var array=val.split(" "); //把class值用空格分开,通过数组获取每个值 二、更改...
  • jQuery如何快速修改class属性和CSS样式

    千次阅读 2021-02-01 06:53:45
    class属性修改类属性即class属性,规定类名.用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.注意每个html元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格...
  • vue render中使用 class

    千次阅读 2021-04-13 10:21:25
    故事开始:初代代码如下: // template { title: "操作", align: "center", render: (h:any, params:any) => { return h('div',[ h( 'span',{ class:{
  • JS修改class属性

    万次阅读 2019-05-13 00:43:11
    DOM里的每个节点上都有一个classList对象,既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类。 add(类名) 添加类名 remove(类名) 删除类名 replace(替换谁,替换...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,718,276
精华内容 1,087,310
关键字:

动态修改class