Question

我想在html选择器类中分配一个javascript变量。可能吗？防爆。

var assign="hotel";

以下代码全部使用javascript

<span class=assign></span>

Answer 1

您可以使用java脚本变量分配css类。请检查以下代码，它可能会对您有所帮助。这里的跨度将有班级＆＃39;酒店＆＃39;

＆＃13;

var assign="hotel";
document.write('<span class='+assign+'>test</span>');

＆＃13;

Answer 2

这是一个包含3个类的示例，以及您想要更改时调用的函数（此处点击了hotel-button id的按钮。

CSS样式

<style>
    .hotel {
        color: red;
    }

    .garage {
        color: blue;
    }

    .house {
        color: black;
    }

    ...
</style>

JS（jQuery）函数

<script>
    function assignClass(assign) {
        $('.assign').removeClass('hotel house garage').addClass(assign);
    }
</script>

使用：

<button id="hotel-button">hotel</button>
<script>
    $('#hotel-button').on('click', function(e) {
        e.preventDefault();
        assignClass('hotel');
    });
<script>
<span class="assign"></span>

将变量赋给HTML选择器，类

2 个答案: