Javascript 以编程方式设置CSS:before标记的背景图像

我的网站上有一个菜单，使用：before标记设置按钮的图标。这适用于可以在CSS中设置的静态元素。一些按钮将从站点上的特定用户设置加载。有没有一种方法可以使用如下内容在CSS中设置这些内容：

.nav-team:before{ background-image:url(attr(src)); }

<li class="nav-team" src="assets/images/profile.png"><a href="#">Team Name</a></li>

首先，css中的attr（）函数不支持

背景图像

属性

正如在中一样，您可以为设置的背景图像编写javascript

您可以通过Jquery实现这一点

    var count = 0;
    $('.nav-team').each(function(){
        var nav_team = $(this);
        var data_id='nav_team'+count
        nav_team.attr('data-id',data_id);
        var srcPath = nav_team.attr('src')
        $('head').append('<style></style>');
        $('head style:last').append('[data-id="' + data_id + '"]{  background-image: url("' + srcPath + '"); }');            count++;
    });

var计数=0；
$（'.nav team'）。每个（函数（）{
var nav_团队=$（本）；
var数据\u id='nav\u团队'+计数
导航团队属性（“数据id”，数据id）；
var srcPath=nav_team.attr（'src'）
$（'head'）。追加（''）；
$（'head-style:last'）。追加（'[data-id=“'+data_-id+']”）{background-image:url（“+srcPath+”）；}'）；计数++；
});

首先，css中的attr（）函数不支持

背景图像

属性

正如在中一样，您可以为设置的背景图像编写javascript

您可以通过Jquery实现这一点

    var count = 0;
    $('.nav-team').each(function(){
        var nav_team = $(this);
        var data_id='nav_team'+count
        nav_team.attr('data-id',data_id);
        var srcPath = nav_team.attr('src')
        $('head').append('<style></style>');
        $('head style:last').append('[data-id="' + data_id + '"]{  background-image: url("' + srcPath + '"); }');            count++;
    });

var计数=0；
$（'.nav team'）。每个（函数（）{
var nav_团队=$（本）；
var数据\u id='nav\u团队'+计数
导航团队属性（“数据id”，数据id）；
var srcPath=nav_team.attr（'src'）
$（'head'）。追加（''）；
$（'head-style:last'）。追加（'[data-id=“'+data_-id+']”）{background-image:url（“+srcPath+”）；}'）；计数++；
});

    var count = 0;
    $('.nav-team').each(function(){
        var nav_team = $(this);
        var data_id='nav_team'+count
        nav_team.attr('data-id',data_id);
        var srcPath = nav_team.attr('src')
        $('head').append('<style></style>');
        $('head style:last').append('[data-id="' + data_id + '"]{  background-image: url("' + srcPath + '"); }');            count++;
    });