首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js 动态修改_after_before伪元素content值

今天做了一个有关js如何绑定动态修改伪类的content的内容,运用到的有( :before 和 :after 伪元素、CSS content 属性、data-* H5新属性、js)等技术。...attr(data-content-after);和content: attr(data-content-before); 这样content可以获取到box添加data-content-after属性里的值...:after(before同理) 6)最后通过js获取到box对象,通过box对象attributes找到添加的 [data-content-before=":before"]和[ data-content-after...=":after"]属性的value,有了value值,这就可以进行动态修改 before伪元素和:after 伪元素里的content值; 以此现在做一个笔记以便以后使用,Hope to help...:before //console.log(boxAfter);//输出为 :after //下面可以自定义boxBeforeVal和boxAfterVal的值

11.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vue.js: 自定义事件之—— 子组件修改父组件的值

    如何利用自定义的事件,在子组件中修改父组件里边的值?...就是为了让子组件用的,你得把值给了子组件吧!...),好交代让它出征去改动父组件的值,并让他带上一个参数(就是要把父组件的值改成啥,荆轲手里拿的那个包着小匕首的地图,),让他去带话 ,既出使秦国(父组件内部)将燕王(子组件)的旨意传递给父元素(秦大王)...)去执行改动父元素值(改变秦王老大的想法,比如不揍燕国,到项目中就是改变付元素中某个状态值等)的伟大壮举。...1111.png 第十步:深明大义的父组件,早在methods中定义好了要修改的逻辑,将要修改的值等于函数带来的参数值(也就是自定义事件捎来的子组件中定义的值) 1212.png 最后!

    6K40

    JS|函数的返回值

    我们先来看一组代码 function kunkun(aru){ console.log(aru)}kunkun('打篮球') 这个看似能输出结果,实则是在逻辑上是不合理的,我们函数是做某件事或者实现某种功能...所以,接下来我会介绍一种逻辑更严谨的代码。 解决方案 return语句 有的时候,我们希望函数将返回值返回给调用者,此时通过使用return语句就可以实现。...函数的返回值格式 function 函数名(){ return 需要返回的结果;}函数名(); 函数只是实现某种功能,最终的结果需要返回给函数的调用者。是通过return来实现的。...只要函数遇到return就会把后面的结果,返回给函数的调用者。...num2){ return num1 + num2;}console.log(sum(1,2)) 结果输出为:3 由此可知,不要在函数的内部输出结果,应该return给函数的调用者。

    11.4K10

    如何修改伪元素的content属性的值

    前面一篇文章我们了解如何用js控制伪元素的样式,接下来我们看看如何修改伪元素的content属性,因为伪元素并不存在在dom中,所以我们只能通过修改样式表的方式来修改content内容,除了修改样式表还有另外一种方式...首先我们看如何通过修改样式表的方式修改伪元素content的内容,代码如下: <!...+ '" }', 0); }) 这里需要注意下,代码中获取的content中的值是带有双引号的,如果要使用的话需要去除双引号。...第二种方式我们使用css的attr函数来指定content的内容指向,然后修改其指向的data-属性: <!...}) 以上便是使用js修改伪元素content的使用方式,希望对你有所帮助。

    6.1K21

    pinpoint 修改hbase表TTL值

    Pinpoint接入业务监控后数据量大涨,平均每天Hbase数据增量20G左右,数据量太大,需要对数据进行定期清理,否则监控可用性降低,由于之前环境是由docker-compose部署,查到hbase可以修改表的...ttl来清理数据,目前进入pinpoint-hbase容器操作,如果能在hbase表格生成时就修改ttl效果会更佳,该方法需要熟悉docker-compose里面pinpoint-web及pinpoint-hbase...部署方法,后期跟进 操作步骤 查找出数据大的hbase表 root@990fb5560f64:/opt/hbase/hbase-1.2.6# ls CHANGES.txt LICENSE.txt README.txt...ApplicationTraceIndex 19G . 24小时产生数据大概20G,发现其中TraceV2及ApplicationTraceIndex数据比较大,设置TTL分别为7Day及14Day 进入hbase修改表...合并文件 清除删除、过期、多余版本的数据 提高读写数据的效率 604800 7day describe 'TraceV2' disable 'TraceV2' alter 'TraceV2' ,

    2.2K32
    领券