Javascript 单击窗口/其他元素时，如何更改所有元素的颜色？

我正在创建一个网页，上面列出了所有的内容标题。当用户点击其中的每一个时，网页的相关部分应该变成蓝色。然而，事实并非如此。我的javascript一定有问题。 初步名单：

<h1><u>Quotations!</u></h1>
<ol>Index:
  <li id="bq" onclick="bq()">blockquotes</li>
  <li id="sq" onclick="sq()">Short Quotations</li>
  <li id="a" onclick="a()">Abbreviations</li>
  <li id="ad" onclick="ad()">Addresses</li>
  <li id="c" onclick="c()">Cites</li>
  <li id="bdo" onclick="bdo()">BDOs</li>
</ol>

---

调用window.onClick时，看起来您正在执行

function{}

而不是

function（）{}

。如果可能的话，你应该试着用这个来代替

window.addEventListener（“单击”），函数（事件）{
});

制作一个“黑色”函数而不是

窗口如何。在将颜色设置为蓝色之前，单击

并调用它

function black() {
  document.getElementById("bqdiv").style.color="black";
  document.getElementById("sqdiv").style.color="black";
  document.getElementById("addiv").style.color="black";
  document.getElementById("cdiv").style.color="black";
  document.getElementById("bdodiv").style.color="black";
}

并在每个div的onclick函数中调用它（下面的一个示例）：

---

哦，我刚刚意识到你想在其他任何地方单击以使div变黑，所以请保持

窗口。单击
-只需调用
black（）
在这种情况下，蓝色是不被接受的。因为单击应用于窗口的所有元素。需要异常。我已将代码更改为此，但现在蓝色不显示？？您是否尝试在没有事件侦听器的情况下执行此操作？
function bq() {
  document.getElementById("bqdiv").style.color="blue";
}
function sq() {
  document.getElementById("sqdiv").style.color="blue"'
}
function ad() {
  document.getElementById("addiv").style.color="blue";
}
function c() {
  document.getElementById("cdiv").style.color="blue";
}
function bdo() {
  document.getElementById("bdodiv").style.color="blue";
}
window.addEventListener("click", function(event)) {
                document.getElementById("bqdiv").style.color="black"
                document.getElementById("sqdiv").style.color="black"
                document.getElementById("addiv").style.color="black"
                document.getElementById("cdiv").style.color="black"
                document.getElementById("bdodiv").style.color="black"
            }

function black() {
  document.getElementById("bqdiv").style.color="black";
  document.getElementById("sqdiv").style.color="black";
  document.getElementById("addiv").style.color="black";
  document.getElementById("cdiv").style.color="black";
  document.getElementById("bdodiv").style.color="black";
}

function bq() {
  black();
  document.getElementById("bqdiv").style.color="blue";
}