js控制判断更换css

就比如
css="女"换成css="man"
css="男" 换成css="women"
css="" 换css="man"
用Js切换

你这个css指的是样式还是单纯的变量名称？
如果只是单纯替换值应该很简单吧？

你复制代码试试，看看是不是你要的效果，js 控制 class 切换

<style>
    body {
        margin: 0px;
        padding: 0px;
    }

    html {
        /* height: 100vh; */
        /* width: 100vw; */
        /* background-color: bisque; */
        /* padding: 10px; */
    }

    #divBox {
        height: 100vh;
        width: 100vw;
        /* background-color: bisque; */
        padding: 10px;
    }

    .green {
        background-color: green;
    }

    .pink {
        background-color: pink;
    }
</style>

<div id="divBox" class="green">
    <input type="text" id="inputBox"></input>
    <p></p>
    <button onclick="fun()">点击</button>
</div>


<script>
    function fun() {

        var inp = document.getElementById('inputBox')
        var divs = document.getElementById('divBox')
        console.log(divs.classList, 'divs')
        if (divs.classList[0] == 'green') {
            divs.classList.remove('green')
            divs.classList.add('pink')

        } else if (divs.classList[0] == 'pink') {
            divs.classList.remove('pink')
            divs.classList.add('green')
        }
    }
</script>

判断 类名 然后根据要求切换

使用vue中动态class切换