js 修改动态修改class css样式

//添加类名变量
 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);


版权声明:本文为weixin_47996469原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。