点击之后以根据一个表达式的值动态地添加一个css代码

你可以使用JavaScript来动态添加CSS代码。以下是一个示例：

HTML代码：

<button onclick="addStyle()">点击添加CSS样式</button>

JavaScript代码：

function addStyle() {
  var css = document.createElement('style');
  css.type = 'text/css';
  var expression = "2 + 2"; //替换成你的表达式
  var rules = document.createTextNode('.my-class { font-size: ' + eval(expression) + 'px; }'); //替换成你想要的CSS规则
  css.appendChild(rules);
  document.getElementsByTagName("head")[0].appendChild(css);
}

在这个示例中，当用户点击按钮时，`addStyle()`函数将被调用。它将创建一个新的`<style>`元素，并将其添加到文档头部。`eval(expression)`将计算表达式的值，并将其用于CSS规则。在本例中，CSS规则将为类名为`my-class`的元素设置字体大小。您可以根据需要更改表达式和CSS规则。

相关问题

以根据一个表达式的值动态地添加一个css代码

你可以使用JavaScript来根据表达式的值动态地添加CSS代码。以下是一个示例代码：

// 获取要添加CSS的元素
const element = document.querySelector('#myElement');

// 表达式的值
const value = 5;

// 创建一个style标签
const style = document.createElement('style');

// 设置style标签的内容
style.innerHTML = `
  #myElement {
    background-color: ${value > 10 ? 'red' : 'blue'};
    color: ${value > 10 ? 'white' : 'black'};
  }
`;

// 将style标签添加到head标签中
document.head.appendChild(style);

在上面的代码中，我们首先获取要添加CSS的元素，然后根据表达式的值创建一个style标签，并设置它的innerHTML属性来添加CSS样式。最后，将style标签添加到head标签中即可。在这个例子中，如果表达式的值大于10，背景色将为红色，字体颜色将为白色，否则背景色将为蓝色，字体颜色将为黑色。

vue判断是不是点击了这个然后给他添加样式代码怎么写

可以利用Vue的指令和事件绑定来实现。

首先，在模板中添加一个按钮，绑定点击事件和一个变量，如下所示：

<button @click="isClicked = true" :class="{ 'active': isClicked }">点击我</button>

其中，`:class`是Vue的绑定语法，可以根据一个表达式的值动态地添加或移除一个CSS类。上述代码中，当`isClicked`为`true`时，会添加一个名为`active`的CSS类。

接下来，在Vue实例中定义`isClicked`变量：

new Vue({
  data: {
    isClicked: false
  }
})

这样，当用户点击按钮时，`isClicked`会变为`true`，从而改变按钮的样式。