如何使用按鈕更改我的網站上的文字顏色？

我想知道如何使用按鈕更改我網站上的整個文本（段落，鏈接，標題）？我已經設法改變背景顏色在我的網站的Javascript：如何使用按鈕更改我的網站上的文字顏色？

function chngebg (id) 
{ 
    switch (id) 
    { 
     case 'b1': 
      document.body.bgColor = "#0099FF"; 
      break; 

     case 'b2': 
      document.body.bgColor = "#FF6666"; 
      break; 

     case 'b3': 
      document.body.bgColor = "black"; 
      break; 

    } 
}

但我不知道如何使它更改網站上的文字。我腦子裏想的是這樣的：http://www.codelifter.com/main/javascript/colorbuttonsPop.html

這裏是我的網站（我是新來的這個不苛刻：P）：alexander.araweb.se （按鈕目前顯示爲[X]在頁面底部。）

預先感謝您！ :)

來源

2013-04-14 user2280494

對於您瞭解如何在瀏覽器中使用開發人員工具會很有幫助，因此您可以檢查在瀏覽的網站上是如何完成的。嘗試右擊並「檢查元素」或按F12。你可以找到html，css和js文件.. – Fallup

document.body.style.color = 'red';

來源

2013-04-14 20:54:50 monkeyinsight

這似乎不起作用，我之前嘗試過但它沒有改變任何東西。我在我的網站上使用iFrames - 這是否使事情複雜化？儘管如此，謝謝你的支持。 :) – user2280494

@ user2280494使用iFrames實在是過時的技巧，儘量避免它們。 – Fallup

有沒有其他的方法來改變顏色，或者我應該刪除iframe並重新啓動網站？ – user2280494

一切都必須單獨更改。有兩種方法可以做到這一點。

使用CSS或使用JavaScript。

1的JavaScript

給需要改變一個id這樣的一切：

<h1 id="title"> Title </h1>

然後通過其ID的JavaScript訪問一切，改變它的功能：

function changeStyleTwo() 
{ 
    document.getElementById('title').style.color = 'blue'; 
}

2. CSS

給需要改變一個類名像這樣的東西：

<h1 class="title"> Title </h1>

在JavaScript中，當函數被調用時，相應地更改類名，以便CSS可以改變這樣的：

function changeStyleTwo() 
{ 
    var title = document.getElementByClassName('title'); 
    title.className = 'titleStyleTwo'; 
}

然後在CSS中爲每個不同的類使用不同的CSS樣式。

.titleStyleOne 
{ 
    color:red; 
} 

.titleStyleTwo 
{ 
    color:blue; 
}

來源

2013-04-14 23:55:39

如何使用按鈕更改我的網站上的文字顏色？

回答

相關問題