首页
学习
活动
专区
工具
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

    Android MTU 修改实例详解

    Android MTU 修改实例详解 通信术语 最大传输单元(Maximum Transmission Unit,MTU)是指一种通信协议某一层上面所能通过最大数据包大小(以字节为单位)。...carrier:0 collisions:0 txqueuelen:1000 RX bytes:2394 (2.3 KiB) TX bytes:5340 (5.2 KiB) 2、这里需要修改电信...3G rmnet0 网卡 MTU 格式: ip link set dev X mtu N 回车 (X=网卡名称 N=想改成多少MTU就填多少,最大1500) # ip link set dev...collisions:0 txqueuelen:1000 RX bytes:2394 (2.3 KiB) TX bytes:5340 (5.2 KiB) 3、上述设置是临时性,...机器一旦重启设置将会恢复默认 以上就是Android MTU 修改实例,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站支持!

    2.8K20

    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中是带有双引号,如果要使用的话需要去除双引号。...第二种方式我们使用cssattr函数来指定content内容指向,然后修改其指向data-属性: <!...}) 以上便是使用js修改伪元素content使用方式,希望对你有所帮助。

    6.1K21
    领券