0

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

先感谢您！:)

4

2 回答 2

0 
document.body.style.color = 'red';
于 2013-04-14T20:54:50.427 回答
0

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

使用 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;
}
于 2013-04-14T23:55:39.553 回答