在点击时更改css的值

Question

我有一些颜色，点击后我想改变一些CSS的值。

我想更改此css的颜色css值：

article .teleprompter p
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    color:white;

}

html：

  <div class="swatch concrete" onClick="javascript:changeBTC('#95a5a6')"></div>

这是我用于类似功能的java脚本。这个改变了背景颜色：

<script>
function changeBGC(color)
{
document.getElementById("teleprompter").style.backgroundColor = color;
}
</script>

如果css位于单独的样式表中，它会对JavaScript代码产生影响吗？

Answer 1

您的功能是changeBGC，但您正在执行changeBTC。将changeBTC('#95a5a6')替换为changeBGC('#95a5a6')

Answer 2

不要在javascript:代码中添加onclick - borwser已经知道它是javascript！您只需要将javascript:添加到<a href>，告诉浏览器它是脚本而不是网址：

所以你需要这个：

<div class="swatch concrete" onClick="changeBTC('#95a5a6')"></div>

如果你想使用链接，你可以这样做：

<a class="swatch concrete" href="javascript:changeBTC('#95a5a6')"></a>

Answer 3

只要你在html页面中引用css文件，如果css在一个单独的文件中就没有区别了。 此外，在css中，您将对象称为css（.teleprompter）中的类，而在javascript中，您使用id（getElementById）引用该对象。因此，要么在两个地方使用 id ，要么在两个地方使用类