單擊時更改 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

不要在onclick代碼中添加javascript: - 瀏覽器已經知道它是 javascript！ 您只需要將javascript:添加到<a href>以告訴瀏覽器它是腳本而不是 URL：

所以你只需要這個：

<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要么在兩個地方都使用類