Question

我想知道如何用按钮更改我网站上的整个文本（段落，链接，标题）？我已经设法使用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]。）

提前谢谢！：）

Answer 1

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

Answer 2

一切都必须单独改变。有两种方法可以做到这一点。

使用CSS或使用JavaScript。

<强> 1。的JavaScript

将需要更改的所有内容添加为以下ID：

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

然后在JavaScript中通过其id访问所有内容并在函数中更改它：

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;
}

如何使用按钮更改网站上的文字颜色？

2 个答案: